:root{--ink:#181411;--paper:#f0e9de;--copper:#d89d76}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e6b190;outline-offset:6px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;z-index:20}.masthead{position:absolute;inset:0 0 auto;z-index:10;padding:32px 4vw;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;font:800 50px/.8 Manrope,sans-serif;letter-spacing:-.13em}.logo>span{color:var(--copper)}.logo small{font:600 9px/1.3 'DM Sans',sans-serif;letter-spacing:.1em;margin-left:20px}nav{display:flex;gap:35px;align-items:center;font-size:12px}.nav-contact{border:1px solid #ffffff50;border-radius:30px;padding:13px 20px}.nav-contact span{margin-left:20px}.hero{min-height:820px;height:110svh;max-height:1100px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 55% 45%,#55403160,transparent 65%)}.hero-topline{position:absolute;top:125px;left:4vw;right:4vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em}.cinema{position:absolute;inset:0;z-index:-1;perspective:1400px}.portal{position:absolute;width:46%;height:75%;left:40%;top:17%;overflow:hidden;border-radius:48% 48% 4% 4%;animation:portal 16s cubic-bezier(.65,0,.3,1) infinite;box-shadow:0 30px 100px #0007}.portal img{width:100%;height:100%;object-fit:cover;filter:sepia(.8) saturate(.7) brightness(.72);animation:landscape 16s ease-in-out infinite}.portal-tint{position:absolute;inset:0;background:linear-gradient(transparent 40%,#321f1670);mix-blend-mode:multiply}.portal-word{position:absolute;top:43%;width:100%;text-align:center;font:500 clamp(80px,12vw,190px)/1 Georgia,serif;letter-spacing:-.07em;color:#f7ead4;animation:portalword 16s ease infinite}.hero-title{position:absolute;left:4vw;top:35%;z-index:2;pointer-events:none}.hero-title p{font-size:12px;margin:0 0 25px 5px}.hero h1{font:500 clamp(90px,13.5vw,210px)/.82 Manrope,sans-serif;letter-spacing:-.075em;margin:0}.hero h1 span{color:var(--copper)}.hero-bottom{position:absolute;left:4vw;right:4vw;bottom:60px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.hero-bottom p{line-height:1.6}.round-link{width:52px;height:52px;border:1px solid #ffffff60;border-radius:50%;display:grid;place-items:center;font-size:23px}.underlined{padding-bottom:8px;border-bottom:1px solid #ffffff70}.motion-toggle{position:absolute;bottom:20px;right:4vw;border:0;background:none;color:#baab9d;font-size:10px;cursor:pointer}.floating{position:absolute;background:#ead9c3;color:#38281c;box-shadow:0 20px 50px #0004;border-radius:6px;overflow:hidden;animation:floating 16s ease infinite}.floating span{font-size:7px;letter-spacing:.1em}.floating b{display:block;font:500 32px/.95 Manrope,sans-serif;letter-spacing:-.05em;margin-top:20px}.f-one{width:175px;height:225px;left:77%;top:24%;padding:20px;transform:rotate(9deg)}.f-one i{display:block;font-style:normal;font-size:70px;color:#a36c44;margin-top:20px}.f-two{left:37%;top:66%;width:205px;height:160px;padding:18px;background:#6e755f;color:#f5eddd;animation-delay:-3s}.f-two b{font-size:25px;position:relative;z-index:1}.mini-sun{position:absolute;right:15px;top:25px;width:75px;height:75px;border-radius:50%;background:#cfb891}.orbit-note{position:absolute;top:25%;left:36%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;color:#bea28b}.manifesto{padding:80px 6vw 100px;background:var(--paper);color:var(--ink)}.side-note{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em}.manifesto h2{font:500 clamp(48px,6.4vw,100px)/1.08 Manrope,sans-serif;letter-spacing:-.055em;margin:85px 0 55px}.manifesto h2 span{color:#a27151}.manifesto-bottom{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px;align-items:center}.asterisk{font-size:110px;line-height:1;color:#a27151;animation:turn 24s linear infinite;width:max-content}.manifesto-bottom p{font-size:14px;line-height:1.7;max-width:340px}.work{position:relative;min-height:780px;height:100svh;isolation:isolate;overflow:hidden}.work-top{position:absolute;top:40px;left:4vw;right:4vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;z-index:3}.work-title{position:absolute;left:6vw;top:37%;z-index:2}.work-title p{font-size:13px}.work-title h2{font:500 clamp(110px,18vw,280px)/.9 Manrope,sans-serif;letter-spacing:-.08em;margin:25px 0}.work-title h2 span{color:#e8b592}.work-bottom{position:absolute;bottom:45px;left:6vw;right:6vw;display:flex;justify-content:space-between;align-items:center;z-index:3;font-size:13px}.work-bottom p{line-height:1.6}.work-bottom a{display:flex;gap:60px;align-items:center;padding:18px 22px;border:1px solid currentColor;border-radius:40px;font-size:12px;backdrop-filter:blur(10px)}.work-bottom a span{font-size:24px}.work-photo{position:absolute;inset:0;z-index:-2}.work-photo img{width:100%;height:100%;object-fit:cover;filter:brightness(.5) sepia(.3);animation:photo 18s ease-in-out infinite}.restaurant:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#39241490,transparent),linear-gradient(0deg,#20140f99,transparent 40%);z-index:-1}.work-sticker{position:absolute;right:9%;top:20%;width:130px;height:130px;background:#d6a46f;color:#302217;border-radius:50%;font-size:10px;letter-spacing:.06em;text-align:center;display:flex;flex-direction:column;justify-content:center;transform:rotate(14deg)}.work-sticker i{font-style:normal;font-size:45px}.beauty{background:#d7dccd;color:#354334}.beauty-photo{position:absolute;left:48%;right:10%;top:15%;bottom:15%;border-radius:50% 50% 0 0;overflow:hidden;animation:beautyshape 14s ease-in-out infinite}.beauty-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.45);animation:photo 18s ease-in-out infinite}.beauty .work-title{top:40%}.beauty .work-title h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(160px,24vw,350px)}.beauty-word{position:absolute;top:15%;left:5%;font:italic 60px Georgia,serif;color:#6e7c65;writing-mode:vertical-rl}.motor{background:#d79f39;color:#181a19}.motor .work-title{top:31%}.motor .work-title h2{font-size:clamp(90px,13vw,190px);font-weight:800;font-style:italic;max-width:800px;line-height:.85}.motor .work-title h2 span{display:block;color:#181a19;font-size:90px;margin-top:20px}.motor-art{position:absolute;inset:0;overflow:hidden;z-index:-1}.motor-disc{position:absolute;width:60vw;height:60vw;right:-10%;top:5%;border-radius:50%;background:repeating-conic-gradient(#171a19 0deg 10deg,#4f524c 11deg 12deg);box-shadow:inset 0 0 0 3vw #282c27,inset 0 0 0 4vw #b6bbaf,0 30px 60px #32261155;animation:turn 35s linear infinite}.motor-disc i{position:absolute;inset:20%;border:10px solid #858d81;border-radius:50%;background:#282c27;box-shadow:inset 0 0 30px #000}.motor-disc i:nth-child(2){inset:33%;border:3px dashed #a7ad9e;background:#131612}.motor-disc i:nth-child(3){inset:46%;border:6px solid #a7ad9e;background:#d79f39}.motor-line{position:absolute;left:-10%;top:0;height:100%;width:45%;background:repeating-linear-gradient(125deg,transparent 0 50px,#f7d58640 51px 53px)}.offer{background:var(--paper);color:#29221b;padding:80px 6vw 90px}.offer-heading{display:flex;gap:7vw;align-items:end;margin:75px 0 60px}.offer-heading h2{font:500 clamp(40px,4.4vw,70px)/1.1 Manrope,sans-serif;letter-spacing:-.055em;flex:2;margin:0}.offer-heading h2 span{color:#9e7356}.offer-heading>p{flex:1;font-size:14px;line-height:1.7;max-width:320px}.offer-row{display:grid;grid-template-columns:40px 1.3fr 1fr 160px;gap:30px;padding:32px 0;border-top:1px solid #35251935;align-items:center}.offer-row>span{font-size:11px;color:#93715a}.offer-row h3{font-size:23px;letter-spacing:-.04em;font-weight:500;margin:0}.offer-row p{font-size:12px;line-height:1.6;color:#706457}.offer-row b{font-size:23px;font-weight:500}.offer-row small{display:block;font-size:10px;color:#837362;margin-top:9px}.scope{font-size:11px;line-height:1.6;max-width:700px;color:#887568;margin-top:30px}.contact-section{padding:65px 6vw 90px;position:relative;overflow:hidden;isolation:isolate;background:#ad7857;color:#211910}.contact-intro{font-size:13px;margin-top:80px}.contact-section h2{font:500 clamp(70px,10vw,160px)/.93 Manrope,sans-serif;letter-spacing:-.07em;margin:30px 0 50px}.contact-section h2 em{font-family:Georgia,serif;font-weight:400;color:#f4dfc9}.contact-main{display:inline-flex;align-items:center;gap:100px;background:#211910;color:#f2dfcb;border-radius:45px;padding:20px 30px;font-size:15px}.contact-main span{font-size:30px}.contact-details{margin-top:35px;display:flex;gap:35px;font-size:12px}.contact-flower{position:absolute;right:-8%;top:14%;font-size:clamp(350px,50vw,750px);line-height:1;z-index:-1;color:#c79571;animation:turn 45s linear infinite}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 6vw;font-size:10px;color:#b5a291}footer details{max-width:300px}footer details p{line-height:1.6}.motion-paused *{animation-play-state:paused!important}.work:not(.is-visible) *{animation-play-state:paused}.js .manifesto h2,.js .offer-heading,.js .offer-row{opacity:0;transform:translateY(40px);transition:opacity .8s,transform .8s}.js .is-visible{opacity:1!important;transform:none!important}.js .work-title{opacity:0;translate:0 70px;transition:opacity 1.2s,translate 1.2s}.js .work.is-visible .work-title{opacity:1;translate:0 0}
@keyframes portal{0%,100%{border-radius:48% 48% 4% 4%;transform:translateX(0) rotate(-5deg) scale(.96)}30%{border-radius:50%;transform:translateX(-10%) rotate(8deg) scale(1.05)}60%,72%{border-radius:2%;transform:translateX(-5%) rotate(0) scale(1.12)}85%{border-radius:45% 5% 45% 5%;transform:rotate(-7deg)}}@keyframes landscape{0%,100%{transform:scale(1.1) translateX(-3%)}60%{transform:scale(1.3) translateX(3%)}}@keyframes portalword{0%,25%,100%{opacity:0;transform:translateY(40px)}42%,70%{opacity:1;transform:none}85%{opacity:0;transform:translateY(-40px)}}@keyframes floating{0%,100%{opacity:0;translate:0 70px;rotate:-12deg;scale:.8}20%,65%{opacity:1;translate:0 0;rotate:8deg;scale:1}82%{opacity:0;translate:0 -70px;rotate:20deg}}@keyframes turn{to{transform:rotate(360deg)}}@keyframes photo{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes beautyshape{0%,100%{border-radius:50% 50% 0 0;transform:rotate(-5deg)}50%{border-radius:45% 5% 45% 5%;transform:rotate(5deg)}}
@media(max-width:800px){.masthead{padding:25px 6vw}.logo{font-size:42px}.logo small{font-size:8px;margin-left:15px}nav{gap:15px}nav>a:not(.nav-contact){display:none}.nav-contact{font-size:11px;padding:12px 15px}.nav-contact span{margin-left:12px}.hero{height:105svh;min-height:850px}.hero-topline{top:115px;left:6vw}.hero-topline span:last-child{display:none}.hero-title{left:6vw;top:28%}.hero-title p{font-size:11px}.hero h1{font-size:clamp(77px,15vw,120px)}.portal{left:25%;width:68%;top:21%;height:57%}.portal-word{font-size:100px}.f-one{width:125px;height:165px;left:auto;right:4%;top:16%;padding:15px}.floating b{font-size:23px;margin-top:14px}.f-one i{font-size:40px;margin-top:12px}.f-two{top:66%;left:10%;width:155px;height:130px}.f-two b{font-size:21px}.mini-sun{width:60px;height:60px}.orbit-note{display:none}.hero-bottom{left:6vw;right:6vw;bottom:60px;gap:20px}.hero-bottom p{max-width:180px;font-size:11px}.hero-bottom .underlined{font-size:10px}.round-link{display:none}.manifesto{padding:50px 6vw 70px}.side-note span:last-child{display:none}.manifesto h2{font-size:clamp(38px,7.3vw,58px);margin:55px 0 35px}.manifesto-bottom{grid-template-columns:1fr 1fr;gap:20px}.asterisk{grid-column:1/-1;font-size:70px}.manifesto-bottom p{font-size:12px}.work{height:850px;min-height:0}.work-top{left:6vw;right:6vw;top:30px;font-size:8px;gap:20px}.work-top span:last-child{text-align:right;max-width:120px}.work-title{left:6vw;top:37%}.work-title h2{font-size:clamp(80px,18vw,145px)}.work-title p{font-size:11px;max-width:230px;line-height:1.5}.work-sticker{width:100px;height:100px;top:15%;right:8%;font-size:8px}.work-sticker i{font-size:35px}.work-bottom{align-items:flex-start;flex-direction:column;gap:20px;bottom:35px}.work-bottom p{font-size:12px}.work-bottom a{font-size:11px;padding:12px 20px}.beauty-photo{left:30%;right:6%;top:18%;bottom:22%}.beauty-word{font-size:33px;left:6%;top:14%}.beauty .work-title h2{font-size:clamp(130px,28vw,220px)}.motor .work-title{top:29%}.motor .work-title h2{font-size:clamp(70px,14vw,120px)}.motor-disc{width:100vw;height:100vw;right:-25%;top:32%}.motor .work-title h2 span{font-size:70px}.offer{padding:50px 6vw 65px}.offer-heading{display:block;margin:50px 0 40px}.offer-heading h2{font-size:38px}.offer-heading p{font-size:12px;margin-top:25px}.offer-row{grid-template-columns:25px 1fr;gap:15px;padding:25px 0}.offer-row h3{font-size:21px}.offer-row p,.offer-row b{grid-column:2}.offer-row p{margin:0}.offer-row b{font-size:21px}.contact-section{padding:45px 6vw 70px}.contact-intro{margin-top:55px;font-size:11px}.contact-section h2{font-size:clamp(55px,10.5vw,90px);margin-bottom:35px}.contact-main{padding:15px 25px;gap:50px;font-size:13px}.contact-details{flex-direction:column;gap:15px}.contact-flower{font-size:400px;right:-45%;top:25%}footer{flex-wrap:wrap;font-size:10px}footer details{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .manifesto h2,.js .offer-heading,.js .offer-row,.js .work-title{opacity:1;transform:none;translate:none}.floating{opacity:1}.portal-word{opacity:0}.motion-toggle{display:none}}
.portal-word{font:500 10px/1.4 'DM Sans',sans-serif;letter-spacing:.22em;top:auto;bottom:12%;text-transform:uppercase}.hero{height:100svh}.image-unavailable{background:radial-gradient(ellipse at 65% 45%,#c29875,#5c4230 70%)}
.hero{transition:background-color .7s,color .7s;min-height:950px}.world-picker{position:absolute;left:4vw;bottom:145px;z-index:5}.world-picker>span{display:block;font-size:9px;letter-spacing:.14em;margin-bottom:15px}.world-picker>div{display:flex;gap:8px}.world-picker button{cursor:pointer;padding:12px 19px;border:1px solid #ffffff50;border-radius:30px;background:#181411a0;color:inherit;backdrop-filter:blur(15px);font-size:12px}.world-picker button[aria-pressed=true]{background:var(--copper);color:#241810;border-color:var(--copper)}.world-example{display:inline-block;font-size:11px;margin-top:15px;border-bottom:1px solid #ffffff60;padding-bottom:5px}.world-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hero[data-world=belleza]{background-color:#344337;--copper:#c9d5b8}.hero[data-world=belleza] .hero h1{font-family:Georgia,serif;font-weight:400}.hero[data-world=belleza] .portal{animation-name:beautyportal}.hero[data-world=belleza] .portal img{filter:saturate(.5) brightness(.7)}.hero[data-world=belleza] .floating{background:#dde4d3;color:#324334}.hero[data-world=taller]{background-color:#202529;--copper:#e2b74f}.hero[data-world=taller] .hero h1{font-weight:800;font-style:italic;font-size:clamp(80px,11.5vw,170px)}.hero[data-world=taller] .portal{animation-name:motorportal}.hero[data-world=taller] .portal img{filter:saturate(.3) brightness(.6)}.hero[data-world=taller] .floating{background:#e2b74f;color:#202529}.process{padding:80px 6vw;background:#e4dacb;color:#282219}.process-intro{display:grid;grid-template-columns:2fr 1fr;gap:60px;margin:65px 0 50px;align-items:end}.process h2{font:500 clamp(38px,4.7vw,70px)/1.1 Manrope,sans-serif;letter-spacing:-.05em;margin:0}.process h2 span{color:#997152}.process p{font-size:13px;line-height:1.7}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.process-steps article{border-top:1px solid #35251950;padding-top:25px}.process-steps article>span{font-size:11px;color:#997152}.process h3{font-size:21px;font-weight:500;letter-spacing:-.03em}.process-note{max-width:650px;color:#796653;margin-top:35px}@keyframes beautyportal{0%,100%{border-radius:50% 50% 0 0;transform:rotate(-4deg)}50%{border-radius:45% 5% 45% 5%;transform:rotate(5deg)}}@keyframes motorportal{0%,100%{border-radius:3%;transform:perspective(1200px) rotateY(-12deg) rotate(-5deg)}50%{border-radius:3%;transform:perspective(1200px) rotateY(12deg) rotate(5deg)}}
@media(max-width:800px){.hero{min-height:1030px}.hero-title{top:25%}.portal{height:49%;top:20%}.f-two{top:57%}.world-picker{left:6vw;bottom:155px;right:6vw}.world-picker button{padding:11px 16px;font-size:11px}.hero[data-world=taller] .hero h1{font-size:clamp(70px,13vw,110px)}.process{padding:55px 6vw}.process-intro{grid-template-columns:1fr;gap:20px;margin:45px 0 35px}.process-steps{grid-template-columns:1fr;gap:20px}}