/*! Oria — furniture for slow living — © 2026 Hasib (OVERSHOOT). All rights reserved. Licensed, not sold: see LICENSE.md. */
:root{--paper:#faf8f3;--ink:#201e1a;--ink-soft:#4a463f;--muted:#8e897f;--line:#dcd6cb;--apricot:#f4c7a1;--cream:#fffdf9;--stone:#efeae1;--error:#a23b20;--ok:#4d6b3c;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"Manrope", "Helvetica Neue", Arial, sans-serif;--fs-micro:clamp(.78rem, .74rem + .12vw, .88rem);--fs-xs:clamp(.9rem, .85rem + .2vw, 1.05rem);--fs-sm:clamp(1rem, .95rem + .22vw, 1.15rem);--fs-body:clamp(1.05rem, .97rem + .32vw, 1.32rem);--fs-h3:clamp(1.35rem, 1.1rem + .9vw, 2rem);--fs-lead:clamp(1.75rem, 1.2rem + 1.9vw, 3.4rem);--fs-page:clamp(3rem, 1.6rem + 5.4vw, 8.4rem);--gutter:clamp(16px, 2.4vw, 44px);--space-section:clamp(96px, 11vw, 200px);--nav-h:clamp(64px, 5vw, 92px);--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:400 var(--fs-sm)/1.55 var(--font-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}img,video,svg{max-width:100%;display:block}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,p,figure,ul,ol,dl,dd{margin:0}ul,ol{padding:0;list-style:none}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}::selection{background:var(--apricot);color:var(--ink)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}@view-transition{navigation:auto}::view-transition-old(root){animation:.32s both vt-out}::view-transition-new(root){animation:vt-in .7s var(--ease-out) both}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;transform:translateY(18px)}}.skip{z-index:100;background:var(--ink);color:var(--paper);padding:10px 16px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip:focus{transform:none}.serif,.hero__title,.approach__title,.ap__num,.cat,.film__title,.shop__title,.footer__note,.footer__mark,.curtain__mark,.nav__logo,.marquee__item,.menu__links,.page-title,.h2,.h3{font-family:var(--font-display);font-optical-sizing:auto;font-variation-settings:"SOFT" 50;font-weight:300}.eyebrow{font:600 var(--fs-micro)/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.h2{font-size:var(--fs-lead);letter-spacing:-.02em;line-height:1.1}.h3{font-size:var(--fs-h3);letter-spacing:-.015em;line-height:1.15}.lede{font-size:var(--fs-body);color:var(--ink-soft);max-width:34em;line-height:1.55}.link{transition:background-size .5s var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:2px}.link:hover{background-position:100% 100%;background-size:0 1px}.btn{isolation:isolate;min-height:52px;font:500 var(--fs-sm)/1 var(--font-body);letter-spacing:.01em;transition:color .5s var(--ease-out);justify-content:center;align-items:center;gap:.6em;padding:.85em 2.4em;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;background:var(--ink);transform-origin:50% 100%;transition:transform .6s var(--ease-out);position:absolute;inset:0;transform:scaleY(0)}.btn:hover{color:var(--paper)}.btn:hover:before{transform:scaleY(1)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:before{display:none}.btn--accent{background:var(--apricot)}.btn--light{background:var(--cream)}.btn--ink{background:var(--ink);color:var(--paper)}.btn--ink:before{background:var(--apricot)}.btn--ink:hover{color:var(--ink)}.btn--line{box-shadow:inset 0 0 0 1px var(--ink)}.btn--block{width:100%}.btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.mask{margin-bottom:-.1em;padding-bottom:.1em;display:block;overflow:hidden}.wm{vertical-align:top;margin-bottom:-.12em;padding-bottom:.12em;display:inline-block;overflow:hidden}.ch,.word{display:inline-block}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html.js:not(.ready) [data-split],html.js:not(.ready) [data-reveal]{visibility:hidden}.frame{background:#ece7dd;display:block;position:relative;overflow:hidden}.frame img,.frame video{object-fit:cover;width:100%;height:100%}html.js .frame img{opacity:0;transition:opacity 1.1s var(--ease-out)}html.js .frame img.is-loaded{opacity:1}.frame.is-pending{box-shadow:inset 0 0 0 1px var(--line);background-image:repeating-linear-gradient(135deg,#0000 0 9px,#201e1a0d 9px 18px)}.frame.is-pending:after{content:attr(data-pending);font:500 .75rem/1 var(--font-body);letter-spacing:.08em;color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.topbar{z-index:50;transition:transform .7s var(--ease-out), background-color .4s, box-shadow .4s;position:fixed;inset:0 0 auto}.topbar.is-solid{box-shadow:0 1px 0 var(--line);background:#faf8f3f0}.topbar.is-hidden{transform:translateY(-100%)}.nav{min-height:var(--nav-h);padding:0 var(--gutter);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.nav__logo{letter-spacing:-.02em;justify-self:start;font-size:clamp(2rem,1.4rem + 1.5vw,3rem);font-style:italic;line-height:1}.nav__links{font:500 var(--fs-sm)/1 var(--font-body);gap:clamp(20px,2.4vw,40px);display:flex}.nav__links a,.footer__links a{transition:background-size .5s var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding:6px 0 3px}.nav__links a:hover,.footer__links a:hover,.nav__links a[aria-current]{background-size:100% 1px}.nav__actions{justify-self:end;align-items:center;gap:8px;display:flex}.nav__bag{background:var(--cream);min-height:44px;font:500 var(--fs-sm)/1 var(--font-body);align-items:center;padding:0 1.3em;transition:background-color .4s;display:inline-flex}.nav__bag:hover{background:#fff}.nav__count{margin-left:.25em;display:inline-flex}[data-bag-count]{font-variant-numeric:tabular-nums;display:inline-block}.nav__burger{place-items:center;width:44px;height:44px;display:none}.nav__burger-lines,.nav__burger-lines:before,.nav__burger-lines:after{content:"";background:currentColor;width:24px;height:1.5px;display:block}.nav__burger-lines{position:relative}.nav__burger-lines:before{position:absolute;top:-7px}.nav__burger-lines:after{position:absolute;top:7px}.menu{z-index:90;background:var(--paper);padding:0 var(--gutter) 28px;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.menu__head{min-height:var(--nav-h);justify-content:space-between;align-items:center;display:flex}.menu__close{place-items:center;width:44px;height:44px;display:grid}.menu__close svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:26px}.menu__links{letter-spacing:-.03em;gap:4px;margin-top:6vh;font-size:clamp(2.6rem,10vw,4rem);line-height:1.15;display:grid}.menu__links li{overflow:hidden}.menu__links a{padding:4px 0;display:inline-block}.menu__links a[aria-current]{font-style:italic}.menu__foot{font-size:var(--fs-xs);color:var(--muted);margin-top:auto;padding-top:32px}.card{position:relative}.card__link{display:block}.card__media{aspect-ratio:4/3}.card__img{transition:transform 1.2s var(--ease-out);position:absolute;inset:0}html.js .frame .card__img--alt{opacity:0;transition:opacity .7s var(--ease-out), transform 1.2s var(--ease-out);transform:scale(1.06)}.card:hover .card__img{transform:scale(1.04)}html.js .card:hover .card__img--alt.is-loaded{opacity:1;transform:none}.card__meta{justify-content:space-between;align-items:baseline;gap:16px;margin-top:16px;display:flex}.card__name{font:300 var(--fs-h3)/1.15 var(--font-display);font-variation-settings:"SOFT" 50;letter-spacing:-.015em}.card__price{font:500 var(--fs-sm)/1 var(--font-body);white-space:nowrap}.card__cat{font-size:var(--fs-xs);color:var(--muted);margin-top:6px}.card__add{z-index:2;min-height:44px;font:500 var(--fs-xs)/1 var(--font-body);transition:opacity .4s var(--ease-out), transform .5s var(--ease-out), background-color .3s;background:#fffdf9f0;padding:0 1em;position:absolute;top:12px;right:12px}.card__add:hover{background:var(--ink);color:var(--paper)}@media (hover:hover) and (pointer:fine){.card__add{opacity:0;transform:translateY(-8px)}.card:hover .card__add,.card__add:focus-visible{opacity:1;transform:none}}.toast{right:var(--gutter);bottom:var(--gutter);z-index:80;width:min(440px, calc(100vw - 2 * var(--gutter)));background:var(--cream);box-shadow:0 1px 0 var(--line), 0 24px 48px -24px #201e1a59;visibility:hidden;grid-template-columns:64px 1fr auto;align-items:center;gap:16px;padding:12px 16px 12px 12px;display:grid;position:fixed}.toast__media{aspect-ratio:1;width:64px}.toast__text{font-size:var(--fs-xs);gap:2px;line-height:1.3;display:grid}.toast__text strong{font-weight:600}.toast__text span{color:var(--ink-soft)}.toast__link{font:600 var(--fs-xs)/1 var(--font-body);background:linear-gradient(currentColor,currentColor) 0 calc(100% - 8px)/100% 1px no-repeat;padding:12px 4px}.footer{padding:clamp(64px, 7vw, 128px) var(--gutter) 22px;border-top:1px solid var(--line);overflow:hidden}.footer__grid{justify-content:space-between;align-items:flex-start;gap:48px;display:flex}.footer__note{letter-spacing:-.02em;max-width:20em;font-size:clamp(1.4rem,1.05rem + 1.2vw,2.4rem);line-height:1.15}.footer__cols{gap:clamp(40px,6vw,120px);display:flex}.footer__h{font:600 var(--fs-micro)/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.footer__links{font:500 var(--fs-sm)/1.2 var(--font-body);gap:8px;display:grid}.footer__mark{letter-spacing:-.05em;margin:clamp(24px,4vw,72px) 0 0 -.04em;padding:.04em .1em 0 0;font-size:clamp(8rem,30vw,34rem);font-style:italic;line-height:.8;overflow:hidden}.footer__legal{border-top:1px solid var(--line);font-size:var(--fs-micro);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:22px;padding-top:18px;display:flex}@media (width<=820px){.nav{grid-template-columns:1fr auto}.nav__links{display:none}.nav__burger{display:grid}.nav__bag{padding:0 1em}.footer__grid{flex-direction:column}.footer__cols{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}:root{--fs-cat:clamp(2.9rem, 1.6rem + 5vw, 7.6rem);--fs-stat:clamp(3.4rem, 2rem + 5vw, 8rem);--fs-hero:clamp(3.3rem, 1.4rem + 8.2vw, 12rem);--fs-hero-sub:clamp(1.7rem, 1rem + 2.9vw, 4.4rem);--fs-marquee:clamp(3.4rem, 1.8rem + 6.8vw, 10rem)}.curtain{z-index:95;background:var(--paper);place-items:center;display:none;position:fixed;inset:0}html.js:not(.intro-done) .curtain{display:grid}.curtain__mark{letter-spacing:-.03em;font-size:clamp(4.5rem,2rem + 9vw,12rem);font-style:italic;line-height:1}.curtain__word{padding-right:.08em;display:block}.hero{isolation:isolate;height:100svh;min-height:600px;position:relative;overflow:hidden}.hero__media{z-index:-1;background:#ece7dd;position:absolute;inset:0;overflow:hidden}.hero__drift{position:absolute;inset:0}html.has-drift .hero__drift{inset:-3%}.hero__media picture{display:contents}.hero__img,.hero__video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero__img{object-position:0% 60%}.hero__video{opacity:0;transition:opacity .8s}.hero__video.is-playing{opacity:1}.hero__copy{text-align:center;padding-inline:var(--gutter);position:absolute;inset:22% 0 auto}.hero__title{font-size:var(--fs-hero);letter-spacing:-.035em;line-height:.96}.hero__line{display:block}.hero__sub{font-size:var(--fs-hero-sub);letter-spacing:-.02em;margin-top:.2em;font-style:italic;line-height:1.2}.hero__aside{right:var(--gutter);text-align:right;font-size:var(--fs-body);justify-items:end;gap:20px;line-height:1.45;display:grid;position:absolute;bottom:11%}.hero__aside .btn{min-width:clamp(220px,18vw,320px)}html.js:not(.ready) .nav,html.js:not(.ready) .hero__line,html.js:not(.ready) .hero__aside,html.js:not(.ready) .curtain__word{visibility:hidden}.approach{padding:var(--space-section) var(--gutter) calc(var(--space-section) * .9);grid-template-columns:repeat(12,1fr);column-gap:clamp(12px,1.6vw,28px);display:grid}.approach__copy{grid-area:1/1/auto/6;align-self:start}.approach__title{font-size:var(--fs-lead);letter-spacing:-.02em;max-width:15em;margin-top:1.1em;line-height:1.1}.approach__text{font-size:var(--fs-body);max-width:26em;color:var(--ink-soft);margin-top:1.6em}.ap{position:relative}.ap--1{grid-area:1/7/auto/13;margin-top:4vw}.ap--2{grid-area:2/2/auto/7;margin-top:7vw}.ap--3{grid-area:2/8/auto/13;margin-top:20vw}.ap__frame{aspect-ratio:3/2}.ap__stat{margin-top:.5em;display:grid}.ap__num{font-size:var(--fs-stat);letter-spacing:-.03em;color:var(--muted);font-variant-numeric:tabular-nums;line-height:1}.ap__label{font-size:var(--fs-xs);margin-top:.4em}.marquee{padding-bottom:var(--space-section);overflow:hidden}.marquee__track{width:max-content;display:flex}.marquee__group{flex-shrink:0;align-items:center;display:flex}.marquee__item{font-size:var(--fs-marquee);letter-spacing:-.035em;white-space:nowrap;padding-inline:.18em;line-height:1.1}.marquee__item:nth-child(4n+3){font-style:italic}.marquee__pill{width:calc(var(--fs-marquee) * 1.6);height:calc(var(--fs-marquee) * .82);border-radius:999px;flex-shrink:0;margin-inline:.12em}.cats{padding:0 var(--gutter) var(--space-section)}.cats__body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(16px,3vw,56px);margin-top:clamp(28px,3.6vw,64px);display:grid}.cats__list li{border-bottom:1px solid var(--line);position:relative}.cats__list li:after{content:"";background:var(--ink);transform-origin:0;height:1px;transition:transform .9s var(--ease-out);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.cats__list li:has(.is-active):after{transform:none}.cats__list li:first-child .cat{padding-top:0}.cat{text-align:left;width:100%;font-size:var(--fs-cat);letter-spacing:-.03em;color:var(--muted);transition:color .45s var(--ease-out);padding:.06em 0 .1em;line-height:1.12;display:block}.cat:hover,.cat.is-active{color:var(--ink)}.cat:not(.is-active):hover{color:#5f5a52}.cat__label{transform:translateX(calc(var(--bw,.3em) * -1));transition:transform .7s var(--ease-out);display:inline-block}.cat__b{opacity:0;transition:opacity .5s var(--ease-out);padding-inline:.05em;display:inline-block}.cat.is-active .cat__label{transform:none}.cat.is-active .cat__b{opacity:1}.cats__stage{aspect-ratio:4/3;position:relative}.cats__shot{visibility:hidden;position:absolute;inset:0}.cats__shot.is-active{visibility:visible}.cats__link{font:500 var(--fs-sm)/1 var(--font-body);background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;align-items:center;gap:.5em;margin-top:18px;padding:8px 0;display:inline-flex}.cats__link svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;transition:transform .5s var(--ease-out)}.cats__link:hover svg{transform:translate(4px)}.film{padding:0 var(--gutter) var(--space-section)}.film__head{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:end;gap:clamp(16px,2.4vw,44px);margin-bottom:clamp(32px,4vw,72px);display:grid}.film__title{font-size:var(--fs-lead);letter-spacing:-.02em;max-width:16em;margin-top:1.1em;line-height:1.1}.film__text{font-size:var(--fs-body);max-width:24em;color:var(--ink-soft)}.film__text .link{margin-top:14px;font-weight:500;display:inline-block}.film__frame{aspect-ratio:21/9}.film__inner,.film__inner img,.film__video{position:absolute;inset:0}.film__video{opacity:0;transition:opacity .8s}.film__video.is-playing{opacity:1}.shop{--rail-x:15vw;--wb:min(40vw, 68svh);--ws-ratio:.72;--gap-ratio:.07;background:var(--apricot);padding:clamp(64px,7vw,128px) 0 clamp(72px,8vw,140px);overflow:hidden}.shop__head{padding:0 var(--gutter) 0 var(--rail-x);justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.shop__title{letter-spacing:-.02em;max-width:17em;font-size:clamp(1.6rem,1.1rem + 1.7vw,3rem);line-height:1.12}.shop__tools{flex-shrink:0;align-items:center;gap:10px;display:flex}.shop__arrow{border:1px solid #201e1a59;place-items:center;width:52px;height:52px;transition:background-color .4s,opacity .4s;display:grid;overflow:hidden}.shop__arrow:hover{background:#fffdf98c}.shop__arrow:disabled{opacity:.35;cursor:default;background:0 0}.shop__arrow svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:22px;transition:transform .5s var(--ease-out)}.shop__arrow[data-dir="-1"]:not(:disabled):hover svg{transform:translate(-3px)}.shop__arrow[data-dir="1"]:not(:disabled):hover svg{transform:translate(3px)}.rail{height:calc(var(--wb) * 12 / 11 + 3.4em);touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;margin-top:clamp(28px,3vw,52px);position:relative}.rail.is-dragging{cursor:grabbing}.drag-cursor{z-index:60;background:var(--ink);width:96px;height:96px;color:var(--paper);pointer-events:none;visibility:hidden;font:italic 300 1.2rem/1 var(--font-display);border-radius:50%;place-items:center;margin:-48px 0 0 -48px;display:grid;position:fixed;top:0;left:0}@media (hover:hover) and (pointer:fine){html.has-drag-cursor .rail,html.has-drag-cursor .rail a{cursor:none}}@media (hover:none){.drag-cursor{display:none}}.rail:focus-visible{outline-offset:8px}.pc{width:var(--wb);position:absolute;top:0;left:0}.pc__media{aspect-ratio:11/12;background:#e9d2bd}.pc__media img{pointer-events:none;-webkit-user-drag:none}.pc__meta{margin-top:14px;line-height:1.2;position:relative}.pc__name{font:600 var(--fs-micro)/1.2 var(--font-body);text-transform:uppercase;letter-spacing:.08em;-webkit-user-drag:none}.pc[aria-current] .pc__name{background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:2px}.pc__price{font:500 var(--fs-xs)/1.1 var(--font-body);position:absolute;top:0;right:0}@media (width<=820px){.hero__img{object-position:50% 85%}.hero__copy{inset:14% 0 auto}.hero__aside{left:var(--gutter);right:var(--gutter);top:calc(14% + var(--fs-hero) * 1.1 + var(--fs-hero-sub) * 1.45 + 30px);text-align:center;justify-items:center;bottom:auto}.approach{grid-template-columns:repeat(6,1fr);row-gap:0}.approach__copy{grid-column:1/-1}.ap--1{grid-area:2/2/auto/7;margin-top:56px}.ap--2{grid-area:3/1/auto/6;margin-top:48px}.ap--3{grid-area:4/2/auto/7;margin-top:48px}.cats__body{grid-template-columns:1fr}.cats__side{order:-1}.film__head{grid-template-columns:1fr;gap:20px}.film__frame{aspect-ratio:4/3}.shop{--rail-x:var(--gutter);--wb:70vw}.shop__head{padding-right:var(--gutter);flex-direction:column;align-items:flex-start}.shop__tools{width:100%}.shop__tools .btn{margin-left:auto}}@media (prefers-reduced-motion:reduce){.curtain,.drag-cursor{display:none!important}}
