@font-face{font-family:Oekelino Bree;src:url(/assets/oekelino/fonts/BreeSerif-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Oekelino Alegreya Sans;src:url(/assets/oekelino/fonts/AlegreyaSans-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Oekelino Alegreya Sans;src:url(/assets/oekelino/fonts/AlegreyaSans-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Oekelino Alegreya Sans;src:url(/assets/oekelino/fonts/AlegreyaSans-Bold.ttf) format("truetype");font-weight:700;font-display:swap}html:has(.route-oekelino){scroll-behavior:smooth;scroll-padding-top:5rem;background:#f2e6c9}body.route-oekelino{min-width:320px;margin:0;color:#2a1c10;background:#f2e6c9;font-family:Oekelino Alegreya Sans,Avenir Next,Segoe UI,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;accent-color:#d23a28}.route-oekelino .product-main{width:100%;max-width:none;overflow:clip}.oekelino-page{--paper: #f4ead2;--paper-hi: #faf3e2;--paper-lo: #ecdcbb;--card: #fdf9ef;--ink: #2a1c10;--ink-2: #6d5942;--ink-3: #94806a;--red: #d23a28;--red-2: #a72c1c;--green: #1f7a46;--gold-lo: #a9761a;--gold-mid: #d7a63f;--gold-hi: #f3d788;--gold-ink: #4a340c;--silver-lo: #b7c0c7;--silver-hi: #e9eef1;--line: rgba(42, 28, 16, .13);--line-2: rgba(42, 28, 16, .28);--display: "Oekelino Bree", Georgia, serif;--text: "Oekelino Alegreya Sans", "Avenir Next", "Segoe UI", sans-serif;--gutter: clamp(1.25rem, 5vw, 4rem);--bay: clamp(4.5rem, 10vw, 8.5rem);--max: 1140px;--radius: 22px;position:relative;min-height:100svh;overflow:clip;isolation:isolate;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(120% 80% at 50% -10%,var(--paper-hi) 0%,transparent 55%),linear-gradient(180deg,var(--paper-hi) 0%,var(--paper) 42%,var(--paper-lo) 100%),url(/assets/oekelino/textures/light-paper-fibers.png);background-size:cover,cover,26rem auto;background-attachment:scroll,scroll,fixed;font-size:clamp(1rem,.96rem + .2vw,1.075rem);line-height:1.55}.oekelino-page *,.oekelino-page *:before,.oekelino-page *:after{box-sizing:border-box}.oekelino-page :where(h1,h2,h3,p,figure,ul,ol,li){margin:0}.oekelino-page :where(ul,ol){padding:0;list-style:none}.oekelino-page a{color:inherit;text-decoration:none}.oekelino-page :where(a,button):focus-visible{outline:3px solid var(--red);outline-offset:4px;border-radius:4px}.oekelino-page ::selection{color:var(--paper-hi);background:var(--red)}.oekelino-page h1,.oekelino-page h2,.oekelino-page h3,.oek-brand span,[data-oek-word]{font-family:var(--display);font-weight:400;letter-spacing:-.005em;text-wrap:balance}.oek-hero,.oek-loop,.oek-final,.oek-footer,.oek-nav__inner{width:min(100%,var(--max));margin-inline:auto;padding-inline:var(--gutter)}.oek-badge{display:inline-flex;min-height:46px;border-radius:9px;transition:transform .18s ease,filter .18s ease}.oek-badge img{display:block;width:12rem;max-width:100%;height:auto}.oek-badge:hover{transform:translateY(-2px);filter:brightness(1.06)}.oek-badge:active{transform:translateY(0)}.oek-note{color:var(--ink-2);font-size:.98rem;font-weight:500}.oek-nav{position:sticky;top:0;z-index:50;width:100%;background:color-mix(in srgb,var(--paper-hi) 82%,transparent);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid transparent;transition:border-color .3s ease,background .3s ease}.oek-nav__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem}.oek-brand{display:inline-flex;align-items:center;gap:.66rem;min-height:2.75rem}.oek-brand img{width:2.3rem;height:2.3rem;flex:0 0 auto;border-radius:8px;box-shadow:0 1px 3px #2a1c1038}.oek-brand span{font-size:1.28rem;line-height:1}.oek-nav__cta{display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;padding-inline:.5rem;color:var(--red-2);font-weight:700;font-size:1.02rem}.oek-nav__cta:after{content:"→";transition:transform .2s ease}.oek-nav__cta:hover:after{transform:translate(3px)}.oek-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);padding-top:clamp(2.5rem,6vw,5rem);padding-bottom:var(--bay)}.oek-hero__copy{position:relative;z-index:2;max-width:34rem}.oek-hero h1{font-size:clamp(3.1rem,3rem + 4.4vw,6.1rem);line-height:.94}.oek-lede{max-width:30rem;margin-top:1.25rem;color:var(--ink-2);font-size:clamp(1.12rem,1.05rem + .4vw,1.32rem);line-height:1.42;text-wrap:pretty}.oek-lede b{color:var(--ink);font-weight:700}.oek-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.15rem;margin-top:1.9rem}.oek-hero__stage{display:grid;justify-items:center;gap:1rem}.oek-scratch{position:relative;display:grid;justify-items:center;gap:.9rem;width:min(100%,25rem)}.oek-card{position:relative;width:100%;aspect-ratio:5 / 6.4;padding:clamp(1.4rem,4vw,2rem);border-radius:var(--radius);color:var(--gold-ink);background-color:#e6bd57;background-image:linear-gradient(152deg,#fffae8b8,#fffae800 34%),linear-gradient(152deg,var(--gold-hi) 0%,var(--gold-mid) 46%,var(--gold-lo) 100%),url(/assets/oekelino/textures/TextureGildedWax.jpg);background-size:cover,cover,130% auto;background-blend-mode:screen,normal,soft-light;box-shadow:0 1px #fffcf099 inset,0 22px 45px -18px #4a340c8c,0 3px 10px #2a1c1024;transform:rotate(-1.4deg);overflow:hidden}.oek-card:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.55) 50%,transparent 62%);background-size:260% 100%;background-position:140% 0;opacity:0}.oek-scratch.is-revealed .oek-card:after{animation:oek-shimmer 1s ease-out .05s 1}@keyframes oek-shimmer{0%{background-position:140% 0;opacity:0}12%{opacity:1}to{background-position:-60% 0;opacity:0}}.oek-card__face{position:relative;z-index:1;display:grid;align-content:start;gap:.5rem;height:100%}.oek-scratch__status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}[data-oek-word]{color:var(--gold-ink);font-size:clamp(2.5rem,2rem + 4vw,3.5rem);line-height:.96;text-shadow:0 1px 0 rgba(255,250,232,.5)}.oek-card__gloss{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .6rem;margin-top:.15rem}.oek-card__meaning{color:#7a2417;font-size:1.24rem;font-weight:700}.oek-card__plural{color:#4a340cc7;font-size:1rem;font-style:italic}.oek-card__plural:before{content:"·";margin-right:.55rem;color:#4a340c73;font-style:normal}.oek-card__example{margin-top:.5rem;color:#3c2a0e;font-size:1.08rem;font-style:italic;line-height:1.34}.oek-card__example-t{color:#4a340cd1;font-size:.96rem;font-weight:500;line-height:1.3}.oek-card__origin{align-self:end;margin-top:.6rem;padding-top:.6rem;border-top:1px solid rgba(74,52,12,.24);color:#4a340cd9;font-size:.86rem;line-height:1.36}.oek-scratch__canvas,.oek-scratch__button,.oek-scratch__again{display:none}.oek-scratch.is-scratch-ready .oek-scratch__canvas{position:absolute;inset:0;z-index:4;display:block;width:100%;height:100%;border-radius:var(--radius);cursor:grab;touch-action:none}.oek-scratch.is-scratch-ready .oek-scratch__canvas:active{cursor:grabbing}.oek-scratch.is-scratch-ready .oek-scratch__button{position:absolute;right:.85rem;bottom:.85rem;z-index:5;display:inline-flex;align-items:center;min-height:2.5rem;padding-inline:.95rem;border:0;border-radius:100px;color:var(--gold-ink);background:#fffcf2eb;box-shadow:0 4px 12px #2a1c103d;cursor:pointer;font:700 .9rem/1 var(--text)}.oek-scratch.is-scratch-ready .oek-scratch__button:hover{background:#fff}.oek-scratch.is-revealed .oek-scratch__canvas,.oek-scratch.is-revealed .oek-scratch__button{display:none}.oek-scratch__again{min-height:2.5rem;align-items:center;gap:.4rem;padding-inline:.9rem;color:var(--ink-2);background:transparent;border:0;cursor:pointer;font:700 .95rem/1 var(--text)}.oek-scratch__again:before{content:"↺";font-size:1.1rem}.oek-scratch__again:hover{color:var(--red-2)}.oek-scratch.is-scratch-ready .oek-scratch__again{display:inline-flex}.oek-loop{padding-block:var(--bay)}.oek-loop>h2{max-width:16ch;margin-bottom:clamp(2.5rem,5vw,4rem);font-size:clamp(2.2rem,1.8rem + 2.6vw,3.6rem);line-height:.98}.oek-loop__row{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,4vw,3.5rem)}.oek-step{display:grid;grid-template-rows:auto auto 1fr;gap:.9rem}.oek-phone{position:relative;margin:0;aspect-ratio:1170 / 2532;border-radius:15%/7%;overflow:hidden;background:#efe6d2;box-shadow:0 0 0 6px #241914,0 0 0 7px #ffffff14,0 26px 40px -20px #2a1c1099}.oek-step:nth-child(1) .oek-phone{transform:rotate(-2deg)}.oek-step:nth-child(3) .oek-phone{transform:rotate(2deg)}.oek-phone picture,.oek-phone img{display:block;width:100%;height:auto}.oek-step h3{margin-top:.3rem;font-size:1.7rem;line-height:1}.oek-step h3 .oek-dot{display:inline-block;width:.6rem;height:.6rem;margin-right:.5rem;border-radius:50%;vertical-align:middle}.oek-step:nth-child(1) .oek-dot{background:var(--red)}.oek-step:nth-child(2) .oek-dot{background:var(--gold-mid)}.oek-step:nth-child(3) .oek-dot{background:var(--green)}.oek-step p{color:var(--ink-2);font-size:1.04rem;line-height:1.44;text-wrap:pretty}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.oek-step{animation:oek-rise linear both;animation-timeline:view();animation-range:entry 0% cover 26%}@keyframes oek-rise{0%{opacity:0;transform:translateY(2.5rem)}to{opacity:1;transform:translateY(0)}}}}.oek-final{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(2rem,5vw,4rem);margin-bottom:var(--bay);padding:clamp(2.4rem,5vw,4rem);border-radius:calc(var(--radius) + 8px);background:radial-gradient(120% 130% at 12% 0%,rgba(255,250,232,.85),transparent 55%),linear-gradient(150deg,#f5cf74,#e6b84e 52%,#d09b34),url(/assets/oekelino/textures/TextureGildedWax.jpg);background-size:cover,cover,60% auto;background-blend-mode:screen,normal,soft-light;color:var(--gold-ink);box-shadow:0 1px #fffcf08c inset,0 30px 60px -30px #4a340c99}.oek-final__copy{display:grid;justify-items:start;gap:1.2rem;max-width:30rem}.oek-final h2{max-width:14ch;font-size:clamp(2.2rem,1.7rem + 2.8vw,3.4rem);line-height:.98;color:var(--gold-ink)}.oek-final .oek-note{color:#4a340cd9}.oek-qr{display:grid;justify-items:center;gap:.6rem;width:12.5rem;padding:.85rem .85rem .7rem;border-radius:16px;background:#fdf9ef;box-shadow:0 14px 30px -14px #4a340c99;transition:transform .2s ease}.oek-qr:hover{transform:translateY(-3px)}.oek-qr img{display:block;width:100%;height:auto;image-rendering:pixelated}.oek-qr span{color:var(--ink-2);font-size:.9rem;font-weight:500;line-height:1.25;text-align:center}.oek-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.5rem;padding-top:2rem;padding-bottom:max(2.5rem,env(safe-area-inset-bottom));border-top:1px solid var(--line)}.oek-footer__links{display:flex;flex-wrap:wrap;gap:.25rem .5rem}.oek-footer__links a{display:inline-flex;align-items:center;min-width:2.75rem;min-height:2.75rem;padding-inline:.5rem;color:var(--ink-2);font-weight:500}.oek-footer__links a:hover{color:var(--red-2)}@media(prefers-reduced-motion:reduce){html:has(.route-oekelino){scroll-behavior:auto}.oekelino-page *,.oekelino-page *:before,.oekelino-page *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.oek-card,.oek-phone{transform:none}}@media(max-width:860px){.oek-hero{grid-template-columns:1fr;gap:2.75rem;text-align:center;justify-items:center}.oek-hero__copy{max-width:40rem}.oek-lede{margin-inline:auto}.oek-cta{justify-content:center}.oek-scratch{width:min(100%,22rem)}}@media(max-width:720px){.oek-loop__row{grid-template-columns:1fr;gap:3rem;max-width:22rem;margin-inline:auto}.oek-step{grid-template-columns:6.5rem 1fr;grid-template-rows:auto auto;align-items:center;gap:.2rem 1.4rem;text-align:left}.oek-phone{grid-row:1 / 3;width:6.5rem;transform:none!important}.oek-step h3{align-self:end}.oek-step p{align-self:start}.oek-final{grid-template-columns:1fr;justify-items:center;text-align:center}.oek-final__copy{justify-items:center}.oek-qr{display:none}.oek-footer{flex-direction:column;align-items:center;text-align:center}}@media(max-width:400px){.oek-nav__cta{display:none}.oek-brand span{font-size:1.15rem}}