@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#e9e5dc;--ink:#242620;--accent:#87533e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,summary{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button{background:none;border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #b77350;outline-offset:6px}header{position:absolute;z-index:10;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:30px 4%}.logo{font-family:'Manrope',Arial,sans-serif;font-weight:800;letter-spacing:-2px;font-size:30px}.logo span{font-size:12px;vertical-align:top;margin-left:4px;letter-spacing:0}.header-note{font-size:9px;line-height:1.6;letter-spacing:1px;margin-left:20%}#menu-toggle{font-size:12px;display:flex;gap:22px;align-items:center}.menu-lines{font-size:22px}.hero{min-height:850px;height:100svh;position:relative;overflow:hidden;padding:130px 4% 40px;background:radial-gradient(ellipse at 50% 50%,#f8f5ee 0%,#e9e5dc 66%)}.hero-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px}.hero-top i{display:inline-block;background:#778167;width:6px;height:6px;border-radius:50%;margin-right:8px}.hero-title{position:absolute;top:17%;left:2.3%;right:3%;display:flex;justify-content:space-between;font-size:clamp(120px,24.6vw,420px);font-family:'Manrope',Arial,sans-serif;font-weight:600;letter-spacing:-.08em;line-height:1.12;color:#34362f}.hero-title span{animation:letter 1.5s both cubic-bezier(.16,1,.3,1)}.hero-title span:nth-child(2){animation-delay:.08s}.hero-title span:nth-child(3){animation-delay:.16s}.hero-title span:nth-child(4){animation-delay:.24s}.hero-title span:nth-child(5){animation-delay:.32s}@keyframes letter{from{transform:translateY(120px) rotate(8deg);opacity:0}to{transform:none;opacity:1}}#sculpture{position:absolute;width:100%;height:80%;left:0;top:5%;pointer-events:none}.hero-bottom{position:absolute;left:4%;right:4%;bottom:90px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}h1{font-weight:500;font-size:clamp(25px,2.6vw,42px);line-height:1.15;letter-spacing:-1.1px;margin:0 0 18px}p{line-height:1.7;font-size:14px}.hero-bottom p{color:#686a61;font-size:12px;margin-bottom:0}.round-link{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:1px;padding:15px 0;border-bottom:1px solid #a7a79b;min-width:210px}.round-link span{display:grid;place-items:center;border:1px solid #a7a79b;border-radius:50%;font-size:24px;width:52px;height:52px;transition:background .3s,transform .3s}.round-link:hover span{background:#c9c7b9;transform:rotate(45deg)}.edition{font-size:8px;line-height:1.7;letter-spacing:1px}.hero-index{position:absolute;bottom:25px;font-size:8px;letter-spacing:1px}.section{padding:135px 7%;display:grid;grid-template-columns:1fr 2.3fr;gap:50px}.eyebrow{font-size:9px;letter-spacing:1.6px;line-height:1.7}h2{font-size:clamp(40px,5.4vw,82px);line-height:1.07;font-weight:400;letter-spacing:-3px;margin:0 0 45px}em{font-family:Georgia,serif;font-weight:400}h2 .word{transition:opacity .25s}.intro-details{display:grid;grid-template-columns:1fr 1fr;gap:50px;max-width:650px}.intro-details p{color:#66685f;font-size:13px}.work{padding:100px 0 50px;background:#23251f;color:var(--paper);overflow:hidden}.section-title{display:flex;align-items:flex-end;justify-content:space-between;padding:0 7%;gap:40px;margin-bottom:60px}.section-title h2{margin:25px 0 0}.section-title p{font-size:12px;color:#a7aa9e}.gallery{display:flex;gap:45px;padding:0 7%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#aaa59c #23251f}.project{flex:0 0 73vw;scroll-snap-align:center;perspective:1200px;padding-bottom:20px}.project-art{height:520px;position:relative;overflow:hidden;transition:transform .35s;transform-style:preserve-3d}.art-label{position:absolute;z-index:2;top:30px;left:35px;font-size:20px;letter-spacing:3px}.art-label small{display:block;font-family:Arial;font-size:6px;letter-spacing:1.5px;margin-top:8px}.art-caption{position:absolute;z-index:2;left:7%;bottom:12%;font-size:clamp(40px,5vw,80px);line-height:1;letter-spacing:-2px}.forma{background:linear-gradient(130deg,#9c9b86,#d8d0b8 65%,#9e997e);color:#faf7e9}.architecture{position:absolute;right:9%;top:10%;width:48%;height:100%;transform:skewY(-8deg);filter:drop-shadow(30px 30px 25px #3b392777)}.architecture div{position:absolute;background:linear-gradient(90deg,#f3e7ce,#aca288);width:80%;height:110%;border-radius:45% 45% 0 0;box-shadow:inset -25px 0 25px #655e4844,0 0 0 28px #bbb195}.architecture div:after{content:'';position:absolute;inset:12% 20% 0;background:linear-gradient(130deg,#272c23,#696c53);border-radius:50% 50% 0 0}.architecture div:nth-child(2){left:20%;top:10%;z-index:-1}.architecture div:nth-child(3){left:40%;top:20%;z-index:-2}.aether{background:radial-gradient(at 60% 20%,#998573,#4e413b 80%);color:#eee5d6}.bottle{position:absolute;top:21%;left:52%;width:190px;height:265px;background:linear-gradient(100deg,#b9a58a77,#e0c5a077 10%,#715836aa 40%,#c9b49088 85%,#4c3d2e);border:1px solid #dacbb966;border-radius:15px 15px 30px 30px;box-shadow:40px 35px 30px #18120f66,inset 5px 0 12px #e5cba788;transform:rotate(12deg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f4e7c6}.bottle:before{content:'';position:absolute;width:85px;height:60px;top:-57px;background:linear-gradient(90deg,#272520,#827b69,#171914);border-radius:6px 6px 0 0}.bottle span{font-family:Georgia;font-size:70px}.bottle small{text-align:center;font-size:7px;line-height:2;letter-spacing:3px}.solis{background:linear-gradient(#89764f,#dac091 60%,#b7865c);color:#ffefce}.sun{width:230px;height:230px;border-radius:50%;background:#ffdf9e;box-shadow:0 0 60px #ffdc9c77;position:absolute;right:18%;top:15%}.dunes{position:absolute;width:130%;height:80%;left:10%;top:57%;background:linear-gradient(170deg,#d8b280,#805337);border-radius:70% 0 0 0;transform:rotate(-15deg);box-shadow:-80px 25px 0 20px #92704f}.open-project{position:absolute;right:28px;bottom:25px;width:45px;height:45px;border:1px solid #ffffff77;border-radius:50%;display:grid;place-items:center;font-size:22px}.project-info{display:flex;align-items:center;gap:30px;padding:12px 0}.project-info h3{font-size:18px;font-weight:400;flex:1}.project-info span{font-size:8px;letter-spacing:1px}.gallery-foot{padding:35px 7% 0;font-size:8px;letter-spacing:1px;display:flex;justify-content:space-between}.services h2{font-size:clamp(36px,4.8vw,70px)}details{border-top:1px solid #bfc0b3}summary{padding:25px 0;list-style:none;display:flex;gap:30px;align-items:center;font-size:22px;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{font-size:10px;color:#777b6e}summary b{margin-left:auto;font-weight:400}details p{max-width:520px;padding-left:45px;color:#676b60}details[open] summary b{transform:rotate(45deg)}.price-note{font-size:11px;color:#6e7065;margin-top:40px}.lab{padding:110px 0;background:#d8d8ce}.lab .section-title p{color:#686c61}.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:0 7%}.lab-grid article{border-top:1px solid #a9ac9c;padding-top:18px;min-width:0}.lab-number{font-size:8px;letter-spacing:1px}.lab-grid h3{font-size:21px;font-weight:500;letter-spacing:-.6px;margin:25px 0 0}.lab-grid p{font-size:12px;color:#686c61;margin-top:8px}.lab-grid label{font-size:10px;display:block;margin:18px 0}.lab-grid input[type=range]{display:block;width:100%;accent-color:#666e53;margin:14px 0}.lab-grid small{font-size:9px;color:#646959}.lab-scene{height:255px;display:grid;place-items:center;perspective:700px;overflow:hidden}#lab-object{width:120px;height:120px;position:relative;transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(35deg);transition:transform .1s}#lab-object div{width:120px;height:120px;position:absolute;border:1px solid #dce2caaa;background:linear-gradient(130deg,#bcc3a588,#6a765cbb);backdrop-filter:blur(2px)}#lab-object div:nth-child(1){transform:translateZ(60px)}#lab-object div:nth-child(2){transform:rotateY(90deg) translateZ(60px)}#lab-object div:nth-child(3){transform:rotateY(180deg) translateZ(60px)}#lab-object div:nth-child(4){transform:rotateY(-90deg) translateZ(60px)}#lab-object div:nth-child(5){transform:rotateX(90deg) translateZ(60px)}#lab-object div:nth-child(6){transform:rotateX(-90deg) translateZ(60px)}.text-button{padding:6px 0;font-size:11px;border-bottom:1px solid currentColor}.identity{margin:25px 0;height:230px;background:#b5775d;color:#f3dfbd;padding:30px;position:relative;overflow:hidden;transition:background .6s,color .6s}.identity>span{font-family:Georgia;font-size:58px;position:relative;z-index:2}.identity small{display:block;font-size:6px;letter-spacing:2px;color:inherit;position:relative;z-index:2}.identity>div{position:absolute;width:130px;height:170px;background:currentColor;border-radius:80px 80px 0 0;right:25px;top:110px;opacity:.55;transform:rotate(15deg);transition:transform .7s}.swatches{display:flex;gap:10px}.swatches button{width:25px;height:25px;border-radius:50%;background:#b5775d;border:3px solid #d8d8ce;outline:1px solid transparent}.swatches button:nth-child(2){background:#606951}.swatches button:nth-child(3){background:#222b37}.swatches [aria-pressed=true]{outline-color:#333}.estimate-display{height:280px;display:flex;flex-direction:column;justify-content:center}.estimate-display span,.estimate-display small{font-size:7px;letter-spacing:1.2px}.estimate-display output{font-size:57px;font-weight:400;letter-spacing:-3px;margin:14px 0}.estimate-bar{height:2px;background:#afb5a3;margin-top:28px}.estimate-bar i{display:block;height:2px;width:25%;background:#616a52;transition:width .5s}.check input{accent-color:#6a7457}.about p{max-width:570px;color:#66695f}.contact{background:#252820;color:#e9e5d8;padding:90px 7% 0}.contact h2{font-size:clamp(55px,9vw,140px);margin-top:45px}.contact-bottom{display:flex;align-items:center;justify-content:space-between;padding-bottom:85px}.contact-bottom p{color:#b3b7a7;font-size:12px}footer{border-top:1px solid #505445;padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}footer span,footer button{font-size:8px!important;letter-spacing:1px}dialog{border:0;background:#e9e5dc;color:#252820;padding:60px;max-width:650px;width:calc(100% - 35px);max-height:90svh}dialog::backdrop{background:#171b16b8;backdrop-filter:blur(8px)}dialog h2{font-size:48px;margin:25px 0}dialog p{font-size:13px;color:#676b61}.close{position:absolute;top:15px;right:20px;font-size:30px}dialog label{display:block;font-size:11px;margin:20px 0}dialog input,dialog textarea,dialog select{display:block;width:100%;padding:12px;background:#f5f2eb;border:1px solid #b9bcae;margin-top:8px;border-radius:0;color:#252820}.solid{padding:15px 22px;background:#252820;color:#e9e5dc;width:100%;font-size:12px}#menu{max-width:none;width:100%;height:100svh;max-height:none;margin:0;padding:150px 10% 60px;background:#d8d8ce}#menu nav{display:flex;flex-direction:column;align-items:flex-start;gap:16px}#menu nav a{font-size:clamp(35px,7vw,90px);letter-spacing:-3px;transition:transform .3s}#menu nav a:hover{transform:translateX(20px)}#menu sup{font-size:10px;letter-spacing:0}body:has(#menu[open]) header{position:fixed;z-index:100}#menu[open]{animation:menureveal .45s}#menu:before{content:'';position:absolute;right:-10%;top:20%;width:55vw;height:55vw;border:1px solid #a9ae9866;border-radius:50%;pointer-events:none}@keyframes menureveal{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}#cursor{position:fixed;width:14px;height:14px;background:#ede8d7;mix-blend-mode:difference;border-radius:50%;z-index:200;pointer-events:none;transform:translate(-50%,-50%);transition:width .2s,height .2s;display:none}#cursor.active{width:45px;height:45px}#wipe{position:fixed;inset:0;background:#b0b39e;z-index:150;display:grid;place-items:center;font-size:12vw;letter-spacing:-1vw;transform:translateY(101%);pointer-events:none}.skip{position:fixed;z-index:250;background:#fff;padding:15px;top:-100px}.skip:focus{top:10px}.case-hero{padding:150px 7% 70px}.case-hero h1{font-size:clamp(65px,12vw,170px);margin-top:50px;letter-spacing:-6px}.case-hero .project-art{height:65vh;min-height:350px;margin-top:50px}.case-text{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin:70px 0}.case-text h2{font-size:40px}.case-text p{max-width:600px}.case-next{font-size:clamp(30px,5vw,65px);display:block;padding:60px 0;border-top:1px solid #aaa}@media(min-width:901px){.work.scroll-ready{height:260vh;position:relative}.work.scroll-ready .work-sticky{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center}.work.scroll-ready .section-title{margin-bottom:25px}.work.scroll-ready .section-title h2{font-size:50px}.work.scroll-ready .gallery{overflow:visible;will-change:transform}.work.scroll-ready .project-art{height:48vh}.work.scroll-ready .gallery-foot{padding-top:10px}.work.scroll-ready .project{flex-basis:70vw}}@media(pointer:fine){#cursor{display:block}}@media(max-width:900px){.hero{min-height:740px}.header-note{display:none}.hero-title{top:23%}.hero-bottom{bottom:75px;flex-wrap:wrap}.hero-bottom>div{width:100%}.edition{display:none}#sculpture{height:65%;top:9%}.section{grid-template-columns:1fr;padding:80px 7%;gap:28px}.section-title{align-items:flex-start;flex-direction:column;gap:5px}.section-title p{max-width:300px}.project{flex-basis:85vw}.project-art{height:450px}.lab-grid{grid-template-columns:1fr;gap:60px}.lab-grid article{display:block}.lab-scene,.estimate-display{height:240px}.identity{height:240px}.lab-grid h3{font-size:26px}.gallery-foot span{display:none}.contact-bottom{gap:30px;align-items:flex-start;flex-direction:column}footer{flex-wrap:wrap}footer .logo{width:100%}.case-text{grid-template-columns:1fr}}@media(max-width:550px){header{padding-top:22px}.hero{min-height:730px}.hero-top span:last-child{display:none}.hero-title{top:22%;font-size:24vw}.hero-bottom h1{font-size:29px}.hero-bottom{gap:22px}.hero-bottom p{font-size:11px}.round-link{min-width:210px}.hero-index{font-size:7px}.intro-details{grid-template-columns:1fr;gap:0}h2{letter-spacing:-1.7px}.section-title h2{font-size:48px}.work,.lab{padding-top:70px}.project-art{height:370px}.art-label{left:20px;font-size:16px}.art-caption{font-size:43px}.bottle{width:110px;height:190px;left:54%;top:30%}.bottle:before{width:60px;height:40px;top:-39px}.bottle span{font-size:44px}.sun{width:160px;height:160px;right:10%;top:22%}.project-info{gap:10px}.project-info span{font-size:6px}.project-info h3{font-size:16px}.contact h2{font-size:57px}.contact{padding-top:70px}summary{font-size:18px;gap:18px}dialog{padding:40px 25px}dialog h2{font-size:36px}.case-hero h1{letter-spacing:-3px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-title span{transform:none!important;opacity:1!important}}body.paused *,body.paused *:before{animation-play-state:paused!important;transition:none!important}body.paused{scroll-behavior:auto}
.fallback-sculpture{position:absolute;top:29%;left:35%;width:30%;aspect-ratio:1;border:55px solid #ad7959;border-radius:50%;transform:rotate(-35deg) rotateX(35deg);background:transparent;box-shadow:inset 8px 8px 15px #402012,15px 15px 25px #50301744;animation:fallbackFloat 7s ease-in-out infinite}@keyframes fallbackFloat{50%{transform:rotate(-20deg) rotateX(50deg) translateY(-15px)}}
