@font-face{font-family:Urbanist;src:url('../motion-assets/urbanist.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:InterTight;src:url('../motion-assets/intertight.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Archivo;src:url('../motion-assets/archivo.woff2') format('woff2');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font:17px/1.5 Urbanist,Arial,sans-serif;background:var(--paper);color:var(--ink)}button,select{font:inherit}a{color:inherit;text-underline-offset:5px}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--ink);outline-offset:5px}button{color:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.02;font-weight:500;letter-spacing:-.045em}h1{font-size:clamp(54px,7vw,110px)}h2{font-size:clamp(34px,4vw,60px)}h3{font-size:26px}img{display:block}p{max-width:48ch}button svg{pointer-events:none}::selection{background:var(--ink);color:var(--paper)}
.demo-bar{min-height:38px;padding:8px 32px;background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;gap:16px;font-size:13px}.demo-bar a{text-decoration:none}.skip{position:absolute;top:-100px;left:20px;z-index:20;padding:12px;background:var(--paper)}.skip:focus{top:50px}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 4vw}.logo{text-decoration:none;font-size:30px;font-weight:700;letter-spacing:-.06em}.nav-links{display:flex;gap:30px;align-items:center}.nav-links a{text-decoration:none}.nav-links a:hover{text-decoration:underline}.action{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:17px 24px;border:0;background:var(--ink);color:var(--paper);text-decoration:none;min-height:56px;transition:transform .2s,background .2s}.action:hover{transform:translateY(-3px)}.action:active{transform:translateY(0)}.action span[aria-hidden]{font-size:24px;line-height:1}.plain{background:none;border:0;padding:10px 0;text-decoration:underline;text-underline-offset:5px}.photo{position:relative;overflow:hidden;background:var(--surface);aspect-ratio:1/2}.photo img{position:absolute;inset:0 auto 0 0;width:400%;max-width:none;height:100%;transform:translateX(calc(var(--frame,0)*-25%));object-fit:fill}.section{padding:100px 4vw}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:46px}.section-head p{max-width:32ch}.pair{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.copy{display:grid;gap:28px}.copy p{max-width:42ch}.footer{padding:40px 4vw 24px;display:grid;gap:30px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-word{font-size:clamp(72px,20vw,300px);letter-spacing:-.07em;line-height:.9;font-weight:600}.fine{font-size:14px}.end-note{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.gallery figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.gallery figcaption span{font-size:15px}.gallery .photo{aspect-ratio:1/1.5}.gallery h3{margin-bottom:7px}.choices{display:flex;gap:10px;flex-wrap:wrap}.choices button{min-height:48px;border:0;background:var(--surface);padding:12px 20px;transition:background .2s,color .2s,transform .2s}.choices button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.choices button:hover{transform:translateY(-2px)}.product-meta{display:grid;gap:14px}.product-meta .price{font-size:22px}.selector-label{font-size:15px;margin-bottom:12px}.selection{display:flex;gap:20px;align-items:center}.selection label{display:grid;gap:5px;min-width:100px}.selection select{background:var(--paper);color:var(--ink);padding:12px;min-height:48px;border:1px solid currentColor;border-radius:0}.selection .action{flex:1}.detail-list{display:grid;gap:16px}.detail-list p{display:flex;justify-content:space-between;gap:24px;max-width:none}.detail-list span{max-width:60%;text-align:right}dialog{border:0;background:var(--paper);color:var(--ink);padding:40px;width:min(560px,calc(100% - 32px));max-height:85svh;overflow:auto}dialog::backdrop{background:rgb(0 0 0 / .7)}dialog h2{font-size:36px;margin-bottom:24px}dialog p{margin-bottom:20px}dialog .action{margin-top:10px}.dialog-close{float:right;border:0;background:var(--surface);padding:8px 16px;margin:0 0 18px 20px;font-size:20px}.dialog-note{font-size:15px}.dialog-details{font-size:21px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.marea{--paper:#e7eff3;--surface:#d3e0e8;--ink:#173d57}.marea .logo,.marea h1,.marea h2,.marea .footer-word{font-family:Georgia,'Times New Roman',serif;font-weight:400}.marea .logo{font-size:34px;letter-spacing:-.07em}.marea .nav{padding-bottom:28px}.marea-stage{display:grid;grid-template-columns:1fr 1fr;align-items:start;padding:0 4vw;gap:5vw}.marea-stage>.photo{position:sticky;top:24px;height:min(780px,85svh);min-height:620px;aspect-ratio:auto}.marea-content{padding:45px 0 40px;display:grid;gap:40px}.marea-content h1{font-size:clamp(64px,7vw,108px);max-width:9ch}.marea-content .intro{max-width:32ch;font-size:20px}.marea-content .product-meta{margin-top:15px}.marea-content .action{font-weight:600}.marea .section{padding-top:110px}.marea .care{background:var(--surface)}.marea .care .photo{max-height:550px;aspect-ratio:1/1.25}.marea .footer{padding-top:70px}.marea .footer-word{font-size:clamp(90px,24vw,340px)}
.sombra{--paper:#141817;--surface:#252c29;--ink:#e4efce;--accent:#cfef79;font-family:InterTight,Arial,sans-serif}.sombra .demo-bar{background:var(--accent);color:var(--paper)}.sombra .logo{font-weight:800;letter-spacing:-.065em}.sombra h1{font-size:clamp(70px,12.8vw,200px);font-weight:600;line-height:.86;color:var(--accent)}.sombra .hero{padding:34px 4vw 55px}.sombra .hero-top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}.sombra .hero-top p{max-width:26ch;margin-bottom:6px}.film-wall{display:flex;gap:12px;min-height:420px;height:clamp(420px,40vw,590px)}.film{position:relative;flex:1;min-width:0;border:0;padding:0;background:var(--surface);text-align:left;overflow:hidden;transition:flex .65s cubic-bezier(.22,1,.36,1)}.film[aria-pressed=true]{flex:1.7}.film .photo{width:100%;height:100%;aspect-ratio:auto}.film .photo img{filter:brightness(.72);transition:filter .4s}.film[aria-pressed=true] .photo img,.film:hover .photo img{filter:brightness(1)}.film-tag{position:absolute;bottom:0;left:0;right:0;background:#141817e8;padding:18px 20px;color:#e4efce;font-size:20px;font-weight:500;line-height:1.1}.film.active .film-tag{color:var(--accent)}.film-info{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding-top:26px}.film-info h2{font-size:32px;letter-spacing:-.025em;margin-bottom:8px}.film-info p{font-size:16px}.sombra .action{background:var(--accent);color:var(--paper)}.sombra .services{padding-top:90px;display:grid;grid-template-columns:1fr 1.3fr;gap:10vw}.service{padding:24px 0;display:grid;grid-template-columns:.7fr 1fr;gap:36px}.service:first-child{padding-top:0}.service p{font-size:18px}.sombra .closing{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:70px;padding-bottom:80px}.sombra .closing h2{font-size:clamp(44px,6vw,86px);max-width:9ch}.sombra .footer-word{color:var(--accent);font-weight:700}.sombra .end-note{color:var(--ink)}.sombra .footer-top{align-items:start}.sombra dialog{--paper:#e4efce;--surface:#cedbbd;--ink:#141817}.sombra dialog .action{background:var(--ink);color:var(--paper)}
.pliegue{--paper:#f1df99;--surface:#e4ce80;--ink:#6c241e;font-family:Urbanist,Arial,sans-serif}.pliegue .logo{font-family:Archivo,Arial,sans-serif;font-weight:800}.pliegue h1,.pliegue h2,.pliegue .footer-word{font-family:Archivo,Arial,sans-serif;font-weight:750;letter-spacing:-.065em}.pliegue .hero{padding:28px 4vw 75px}.pliegue .hero h1{font-size:clamp(55px,8.6vw,135px);line-height:.95;max-width:11ch}.pliegue .hero-title{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:45px}.pliegue .hero-title p{max-width:27ch;font-size:20px}.object-stage{display:grid;grid-template-columns:1.2fr 1fr;background:var(--surface);min-height:590px}.object-stage>.photo{height:620px;aspect-ratio:auto}.object-stage>.photo img{object-fit:fill}.object-copy{padding:55px 40px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}.object-copy h2{font-size:clamp(48px,6vw,88px);margin-bottom:12px}.object-copy .detail-list{margin:25px 0}.pliegue .choices button{background:var(--paper)}.pliegue .choices button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.pliegue .gallery .photo{aspect-ratio:1/1.5}.pliegue .making{background:var(--ink);color:var(--paper)}.pliegue .making .photo{aspect-ratio:1/1.3;max-height:600px}.pliegue .making h2{max-width:10ch}.pliegue .footer{padding-top:80px}.pliegue .footer-word{font-size:clamp(78px,19vw,280px)}
.photo{container-type:size}.photo img{inset:50% auto auto 50%;width:max(400cqw,calc(100cqh * var(--sheet-ratio,3)));height:auto;transform:translate(calc(-12.5% - var(--frame,0)*25%),-50%)}.marea{--sheet-ratio:2}.film .photo{display:block}
@keyframes shutter{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@media(prefers-reduced-motion:no-preference){.photo.is-changing{animation:shutter .6s cubic-bezier(.22,1,.36,1)}.gallery figure{transition:transform .35s}.gallery figure:hover{transform:translateY(-7px)}}
@media(min-width:1800px){.marea-stage>.photo{height:900px}.marea-content{max-width:650px}.object-stage>.photo{height:800px}}
@media(max-width:900px){.nav-links{gap:18px}.marea-stage{gap:4vw}.marea-stage>.photo{min-height:580px;height:75svh}.marea-content h1{font-size:72px}.marea-content{padding-top:20px;gap:30px}.selection{align-items:stretch;flex-direction:column}.selection label{grid-template-columns:auto 1fr;align-items:center;gap:20px}.gallery{gap:18px}.gallery figcaption{display:block}.gallery figcaption span{display:block;margin-top:8px}.sombra .hero-top{align-items:start;flex-direction:column;gap:24px}.sombra .hero-top p{max-width:44ch}.sombra h1{font-size:16vw}.film-wall{height:420px}.film-tag{font-size:17px;padding:14px}.sombra .services{gap:40px;grid-template-columns:1fr}.service{grid-template-columns:1fr 2fr}.pliegue .hero-title{align-items:start;flex-direction:column}.pliegue .hero-title p{max-width:40ch}.object-stage{grid-template-columns:1fr 1fr}.object-copy{padding:30px 24px}.object-stage>.photo{height:650px}}
@media(max-width:600px){body{font-size:17px}.demo-bar{padding:8px 18px;font-size:12px;gap:10px}.demo-bar span{max-width:18ch;text-align:right}.nav{padding:20px}.logo{font-size:28px}.nav-links{gap:16px;font-size:15px}.nav-links .optional{display:none}.section{padding:70px 20px}.section-head{align-items:start;flex-direction:column;gap:24px;margin-bottom:30px}.pair{grid-template-columns:1fr;gap:36px}.gallery{grid-template-columns:1fr;gap:36px}.gallery .photo{aspect-ratio:1/1.5;max-height:560px}.gallery figcaption{display:flex}.gallery figcaption span{margin-top:0}.footer{padding:36px 20px 24px}.footer-top{align-items:start;flex-direction:column}.footer-word{margin-top:14px}.end-note{font-size:13px}.marea .nav{padding:20px}.marea-stage{padding:0 20px;grid-template-columns:1fr;gap:0}.marea-stage>.photo{position:relative;top:auto;min-height:0;height:520px;max-height:70svh;grid-row:2}.marea-content{display:contents}.marea-content h1{font-size:64px;max-width:none;grid-row:1;margin:15px 0 28px}.marea-content .intro{grid-row:3;margin:24px 0;font-size:18px;max-width:36ch}.marea-content .product-meta{grid-row:4;margin:8px 0 24px}.marea-content .selection{grid-row:5;flex-direction:row;align-items:end;gap:12px}.marea-content .selection label{display:grid;gap:5px;min-width:70px}.marea-content .selection .action{padding:14px;font-size:16px;gap:15px}.marea-content>.fine{grid-row:6;margin-top:16px}.marea .section{padding-top:70px}.marea .care .photo{aspect-ratio:1/1.5;max-height:540px}.marea .footer-word{font-size:25vw}.sombra .hero{padding:30px 20px 35px}.sombra h1{font-size:18vw}.sombra .hero-top{gap:24px;margin-bottom:30px}.film-wall{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:auto;min-height:0}.film{height:300px}.film-tag{font-size:17px;padding:12px}.film[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:3px}.film-info{grid-template-columns:1fr;gap:20px}.film-info h2{font-size:30px}.film-info .action{justify-self:start}.service{grid-template-columns:1fr;gap:12px;padding:24px 0}.sombra .closing{flex-direction:column;align-items:start;gap:28px;padding-top:20px;padding-bottom:30px}.sombra .closing h2{font-size:52px;max-width:10ch}.sombra .footer-word{font-size:19vw}.pliegue .hero{padding:28px 20px 0}.pliegue .hero h1{font-size:clamp(48px,12.5vw,74px);max-width:11ch}.pliegue .hero-title{gap:24px;margin-bottom:32px}.pliegue .hero-title p{font-size:18px}.object-stage{grid-template-columns:1fr}.object-stage>.photo{height:510px;max-height:70svh}.object-copy{padding:28px 20px;gap:32px}.object-copy h2{font-size:52px}.pliegue .making .photo{aspect-ratio:1/1.5}.pliegue .footer-word{font-size:18vw}.selection{flex-direction:row}.selection label{display:grid}.action{gap:20px}dialog{padding:26px}dialog h2{font-size:30px}}
@media(max-width:360px){.film{height:250px}.film-tag{font-size:15px}.marea-content h1{font-size:54px}.nav-links{gap:12px}.gallery figcaption{flex-direction:column}.marea-content .selection{flex-wrap:wrap}.sombra .closing h2{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}