*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#050505;color:#e4e3e5;font-family:Arial,Helvetica,sans-serif;overflow:hidden}canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}main{position:relative;height:100svh;min-height:350px;display:flex;align-items:center;justify-content:center;pointer-events:none}.brand{text-align:center;margin-top:-14px}h1{font-size:clamp(32px,6.2vw,96px);font-weight:300;letter-spacing:.29em;margin:0 -.29em 32px 0;line-height:1.2}a,button{color:inherit;font:inherit}a{text-decoration:none}button{border:0;background:none;cursor:pointer}a,button{pointer-events:auto}a:focus-visible,button:focus-visible{outline:1px solid #b1abbc;outline-offset:8px}.contact{font-family:monospace;font-size:11px;letter-spacing:.15em;color:#77727e;transition:color .3s}.contact:hover{color:#eee}header{position:fixed;top:32px;left:36px;right:36px;display:flex;justify-content:space-between;font-family:monospace;font-size:9px;letter-spacing:.13em;color:#77727e;z-index:2}.about-button{font-size:9px;letter-spacing:.13em;padding:0}.place{font-size:8px;letter-spacing:.17em}.place:before{content:"";display:inline-block;width:3px;height:3px;background:#afa0c4;border-radius:50%;margin-right:10px;vertical-align:middle}.compare{position:fixed;bottom:28px;left:36px;right:36px;display:flex;justify-content:space-between;align-items:center;font:9px monospace;letter-spacing:.06em;color:#5d5865;z-index:2}.variants{display:flex;gap:19px}.variants a[aria-current]{color:#d4cdda}.variants a:hover,.about-button:hover{color:#fff}.hint{font-size:8px;color:#514b58}dialog{border:0;margin:0;padding:32px 36px;width:100%;max-width:none;height:100svh;max-height:none;background:#050505f7;color:#dfdce2}dialog::backdrop{background:#050505}.dialog-top{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:.08em}.dialog-top button{font:10px monospace;color:#98919f;padding:0}.copy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(620px,calc(100% - 72px))}.copy h2{font-size:clamp(29px,4vw,49px);line-height:1.3;letter-spacing:-.025em;font-weight:400;margin:0 0 26px}.copy p{font-size:14px;line-height:1.9;color:#a49eaa;max-width:500px}.disciplines{font:10px/2.1 monospace!important;color:#6d6675!important;margin-top:32px}.copy a{display:inline-block;margin-top:25px;font:12px monospace;border-bottom:1px solid #5d5664;padding-bottom:8px}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.027;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}@media (max-width:600px){header{top:25px;left:24px;right:24px}.compare{bottom:24px;left:24px;right:24px}.hint{display:none}h1{font-size:8vw;letter-spacing:.2em;margin-right:-.2em;margin-bottom:25px}.contact{font-size:10px}.place{font-size:7px}dialog{padding:25px 24px}.copy{width:calc(100% - 48px)}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}body.single-page{overflow-x:hidden;overflow-y:auto;height:180svh;scrollbar-width:none}body.single-page::-webkit-scrollbar{display:none}.single-page canvas{touch-action:pan-y}.single-page main{position:fixed;top:0;right:0;bottom:0;left:0;height:100svh;min-height:0}.single-page .brand{transform:translateY(calc(var(--reveal)*-26svh));will-change:transform}.single-page h1{font-size:clamp(32px,6.2vw,96px);transform:scale(calc(1 - var(--reveal)*.18));transition:none}.single-page .contact{display:inline-block;opacity:calc(1 - var(--reveal)*.3)}.studio-inline{position:fixed;inset:42% 24px auto;opacity:var(--reveal);transform:translateY(calc((1 - var(--reveal))*35px));text-align:center;pointer-events:none;visibility:hidden}.studio-inner{max-width:560px;margin:auto}.studio-inline h2{font-size:clamp(24px,3vw,40px);font-weight:400;line-height:1.25;letter-spacing:-.025em;margin:0 0 22px}.studio-inline p{font-size:13px;line-height:1.9;color:#9f98a7;max-width:440px;margin:0 auto}.studio-inline .disciplines{margin-top:25px;color:#777080!important;font-size:9px!important}.scroll-hint{position:fixed;bottom:30px;left:0;right:0;text-align:center;color:#68616e;font:8px monospace;letter-spacing:.15em;pointer-events:none;opacity:calc(1 - var(--reveal)*2)}.scroll-hint span{display:block;font-size:14px;margin-top:12px}@media (max-width:600px){.single-page h1{font-size:8vw}.studio-inline{inset:43% 24px auto}.studio-inline p{font-size:12px;max-width:340px}.studio-inline .disciplines{font-size:8px!important;line-height:2.2!important}.single-page .brand{transform:translateY(calc(var(--reveal)*-25svh))}}@media (max-height:550px){.studio-inline{top:44%}.studio-inline h2{font-size:22px;margin-bottom:10px}.studio-inline p{font-size:11px}.studio-inline .disciplines{margin-top:12px}.single-page h1{margin-bottom:15px}.single-page .brand{transform:translateY(calc(var(--reveal)*-28svh))}}.single-page .contact{font-size:9px;letter-spacing:.045em;color:#77747b;padding:6px 0;font-weight:400}.single-page .contact:hover{color:#b6b3bb}.contact-wrap{position:relative}.contact-status{position:absolute;top:31px;left:0;right:0;color:#9a969e;font:8px monospace;letter-spacing:.04em}.single-page h1{margin-bottom:24px}@media (max-width:600px){.single-page .contact{font-size:8px}}body.single-page{height:100svh;overflow:hidden}.single-page canvas{touch-action:none}.single-page .brand{transform:none;width:100%}.word-stage{position:relative;width:max-content;max-width:calc(100% - 110px);margin:0 auto 28px;display:flex;align-items:center;justify-content:center;min-height:110px}.single-page h1{font-size:clamp(30px,6.2vw,96px);margin:0;transform:none;letter-spacing:0;line-height:1.35;transition:opacity .24s,filter .24s;text-align:center}.single-page h1 .letter{display:inline-block;white-space:pre;padding:0 .12em}.single-page h1.phrase{font-size:clamp(18px,3.2vw,50px);font-weight:300;letter-spacing:.01em}.single-page h1.phrase .letter{padding:0 .025em}.single-page h1.changing{opacity:0;filter:blur(7px)}.word-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:48px;font-size:26px;font-weight:300;color:#a29da9;opacity:0;transition:opacity .6s,color .2s;padding:0;pointer-events:none}.word-arrow.next{right:-55px}.word-arrow.previous{left:-55px}.word-arrow.available{opacity:.7;pointer-events:auto}.word-arrow:hover{color:#eee;opacity:1}.word-arrow[hidden]{display:none}.dwell{position:absolute;bottom:5px;left:10px;right:10px;height:1px;background:#d1bedf;transform:scaleX(0);transform-origin:left}.word-arrow.dwelling .dwell{transform:scaleX(1);transition:transform .75s linear}.phrase-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media (max-width:600px){.word-stage{max-width:calc(100% - 78px);min-height:85px;margin-bottom:20px}.single-page h1{font-size:7.1vw}.single-page h1 .letter{padding:0 .085em}.single-page h1.phrase{font-size:4.2vw}.word-arrow.next{right:-36px}.word-arrow.previous{left:-36px}.word-arrow{width:30px;font-size:21px}}@media (prefers-reduced-motion:reduce){.letter{transform:none!important}}#living-word{pointer-events:auto;cursor:default;user-select:none;-webkit-user-select:none}#living-word .letter{pointer-events:none}.word-stage{pointer-events:auto}.word-arrow:not(.available){visibility:hidden}.word-arrow.available{visibility:visible}.single-page header{justify-content:space-between;align-items:center}.single-page header .contact{font:9px monospace;letter-spacing:.04em;padding:0;color:#85818b;opacity:1}.single-page header .contact-status{top:22px;text-align:left;white-space:nowrap}.creative-reveal{position:absolute;top:calc(50% + 47px);left:50%;transform:translate(-50%);font:10px Arial,Helvetica,sans-serif;letter-spacing:.62em;color:#d3cddc;opacity:0;filter:blur(3px);pointer-events:none;text-align:center;width:max-content}.single-page .word-stage{margin-bottom:0}.single-page .brand{margin-top:-14px}@media (max-width:600px){.single-page header .contact{font-size:8px}.creative-reveal{top:calc(50% + 37px);font-size:8px;letter-spacing:.55em}.single-page .word-stage{margin-bottom:0}}.single-page header{justify-content:flex-end}.single-page .brand>.contact-wrap{position:absolute;top:calc(50% + 56px);left:0;right:0;opacity:0;visibility:hidden;pointer-events:none}.single-page .brand>.contact-wrap .contact{font-size:10px;color:#a29ba9;pointer-events:auto}.single-page .contact-status{top:30px}.single-page h1{transition:opacity .38s,filter .38s}.explore-cue{position:fixed;bottom:28px;left:50%;transform:translate(-50%);text-align:center;width:max-content;font:8px monospace;letter-spacing:.13em;color:#817987;opacity:.55;transition:opacity .6s;pointer-events:none}@media (max-width:600px){.single-page .brand>.contact-wrap{top:calc(50% + 46px)}.single-page .brand>.contact-wrap .contact{font-size:9px}}.creative-reveal.detail{font-size:11px;letter-spacing:.14em;white-space:nowrap}.single-page .brand>.contact-wrap{top:calc(50% + 106px)}.single-page .brand>.contact-wrap .contact{display:inline-flex;flex-direction:column;align-items:center;gap:10px;font-family:Arial,Helvetica,sans-serif}.contact-invite{font-size:10px;color:#827b89;letter-spacing:.04em}.contact-address{font:10px monospace;letter-spacing:.035em;color:#b5adbf}.contact-address>span{display:inline-block;margin-left:6px;color:#82778e}.single-page .contact-status{top:57px}.explore-cue{bottom:auto;top:calc(50% + 103px);left:50%;transform:translate(-50%);width:max-content;font-size:7px;letter-spacing:.15em}@media (max-width:600px){.creative-reveal.detail{font-size:8px;letter-spacing:.09em}.single-page .brand>.contact-wrap{top:calc(50% + 91px)}.explore-cue{top:calc(50% + 91px)}}:root{--explore-shift:0}.single-page .word-stage{transform:translateY(calc(var(--explore-shift)*-48px))}.single-page #living-word{transform:scale(calc(1 - var(--explore-shift)*.06))}.creative-reveal{top:calc(50% + 47px - var(--explore-shift)*18px)}.creative-reveal.detail{font-size:13px;letter-spacing:.16em}.explore-cue{opacity:0}.single-page .brand>.contact-wrap{top:calc(50% + 94px)}@media (max-width:600px){.single-page .word-stage{transform:translateY(calc(var(--explore-shift)*-35px))}.creative-reveal{top:calc(50% + 37px - var(--explore-shift)*12px)}.creative-reveal.detail{font-size:9px;letter-spacing:.11em}.single-page .brand>.contact-wrap{top:calc(50% + 79px)}}@media (prefers-reduced-motion:reduce){.single-page .word-stage,.single-page #living-word{transform:none}}.single-page .word-stage,.single-page #living-word{transform:none}.single-page h1.pixelating .letter{font-family:monospace;text-shadow:none!important;color:#cbc6d4!important}.single-page h1.pixelating{filter:none;opacity:.85}.single-page .brand>.contact-wrap{top:calc(50% + 62px)}@media (max-width:600px){.single-page .brand>.contact-wrap{top:calc(50% + 52px)}}.slogan-preview{position:fixed;bottom:24px;left:0;right:0;text-align:center;color:#766e7f;font:8px monospace;letter-spacing:.12em;pointer-events:none}.single-page h1.closing{max-width:790px;font-size:clamp(27px,4.3vw,64px);line-height:1.2;letter-spacing:-.035em}.single-page h1.closing .letter{padding:0}.single-page .contact-address{font:12px Arial,Helvetica,sans-serif;letter-spacing:.055em;color:#a9a3ae}.single-page .brand>.contact-wrap{top:calc(50% + 115px)}.single-page .contact-status{top:29px}@media (max-width:600px){.single-page h1.closing{font-size:7vw;max-width:85vw}.single-page .brand>.contact-wrap{top:calc(50% + 95px)}.single-page .contact-address{font-size:10px}}.whole-word{display:inline-block;white-space:nowrap}.single-page h1.closing{max-width:680px;text-wrap:balance}.single-page h1.closing{white-space:nowrap;max-width:none;text-wrap:nowrap;font-size:clamp(24px,4.3vw,64px);letter-spacing:-.04em}.single-page .word-stage{max-width:calc(100% - 48px)}.single-page .brand>.contact-wrap .contact{gap:12px;padding:10px 18px}.contact-invite{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#d9d5df;letter-spacing:.04em}.single-page .contact-address{font-size:10px;color:#847d8c;letter-spacing:.035em}.single-page .brand>.contact-wrap{top:calc(50% + 65px)}.single-page .contact-status{top:70px}.single-page h1.signal-out{animation:signal-out .22s ease-in both}.single-page h1.signal-in{animation:signal-in .36s ease-out both}@keyframes signal-out{0%{opacity:1;filter:blur(0);clip-path:inset(0)}38%{clip-path:polygon(0 0,100% 0,100% 44%,0 44%,0 46%,100% 46%,100% 100%,0 100%)}50%{clip-path:inset(0);transform:translate(1px)}to{opacity:0;filter:blur(2px);transform:translate(0)}}@keyframes signal-in{0%{opacity:0;filter:blur(2px)}35%{opacity:.65;clip-path:polygon(0 0,100% 0,100% 65%,0 65%,0 66%,100% 66%,100% 100%,0 100%)}48%{clip-path:inset(0)}to{opacity:1;filter:blur(0)}}#living-word{position:relative}#living-word:before,#living-word:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;white-space:nowrap;font:inherit;letter-spacing:inherit;text-align:center}#living-word:before{color:#dbd2ee;clip-path:inset(29% 0 59% 0)}#living-word:after{color:#a996d3;clip-path:inset(64% 0 27% 0)}#living-word.signal-out:before{animation:slice-upper .22s steps(1,end) both}#living-word.signal-out:after{animation:slice-lower .22s steps(1,end) both}#living-word.signal-in:before{animation:slice-upper .36s steps(1,end) both}#living-word.signal-in:after{animation:slice-lower .36s steps(1,end) both}@keyframes slice-upper{0%,15%{opacity:0;transform:translate(0)}16%{opacity:.75;transform:translate(3px)}29%{opacity:0}43%{opacity:.55;transform:translate(-2px)}54%,to{opacity:0;transform:translate(0)}}@keyframes slice-lower{0%,22%{opacity:0;transform:translate(0)}23%{opacity:.65;transform:translate(-3px)}36%{opacity:0}48%{opacity:.45;transform:translate(2px)}59%,to{opacity:0;transform:translate(0)}}.slogan-preview{display:none}.single-page h1.signal-in{animation-duration:.22s}#living-word.signal-in:before,#living-word.signal-in:after{animation-duration:.22s}.single-page .brand>.contact-wrap .contact{gap:17px}.single-page .contact-invite{font-size:11px;color:#89838f;letter-spacing:.02em}.single-page .contact-address{font-size:11px;color:#b9b3c2;letter-spacing:.035em}.single-page .contact-status{top:65px}.contact-address{position:relative}.contact-address:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;opacity:0;transform:scaleX(.65);transition:opacity .25s ease,transform .3s ease}.contact:hover .contact-address:after,.contact:focus-visible .contact-address:after{opacity:.4;transform:scaleX(1)}.room-signature{position:fixed;bottom:28px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;text-align:center;width:max-content;color:#817987;font:9px Arial,Helvetica,sans-serif;letter-spacing:.06em;opacity:0;pointer-events:none;will-change:opacity,transform;white-space:nowrap}@media (max-width:600px){.room-signature{bottom:20px;font-size:8px}}