@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-Variable.ttf) format("truetype");font-weight:300 700;font-display:swap}@font-face{font-family:"Instrument Serif";src:url(/fonts/InstrumentSerif-Italic.ttf) format("truetype");font-style:italic;font-display:swap}:root{font-family:Space Grotesk,sans-serif;color:#f7f4ee;background:#b8d0df;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}html{scroll-behavior:smooth}body{overflow:hidden}button,a{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:5px}.entrance{position:relative;width:100%;height:100svh;isolation:isolate;overflow:hidden}.river-background{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#afc8d9}.mirror-water{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1.015)}.water-shimmer{position:absolute;inset:52% -10% -10%;opacity:.22;background:linear-gradient(112deg,transparent 20%,rgba(255,255,255,.38) 37%,transparent 48%);mix-blend-mode:soft-light;animation:shimmer 14s ease-in-out infinite alternate}.river-grade{position:absolute;inset:0;background:linear-gradient(180deg,#263a480f,#182b3633),radial-gradient(circle at 75% 42%,transparent 10%,rgba(10,25,34,.08) 100%)}@keyframes shimmer{to{transform:translate(8%)}}.language-switcher{position:fixed;z-index:20;top:max(24px,env(safe-area-inset-top));right:max(28px,env(safe-area-inset-right));display:flex;align-items:center;gap:.45rem;color:#fff;font-size:.7rem;letter-spacing:.12em;text-shadow:0 1px 12px #26404f}.language-switcher button{min-width:34px;min-height:44px;padding:0;border:0;color:#ffffff8c;background:transparent;cursor:pointer}.language-switcher .is-active{color:#fff}.language-switcher span{opacity:.45}.reference-cube{position:absolute;z-index:2;left:50%;top:52%;width:min(38vw,470px);aspect-ratio:1;transform:translate(-50%,-50%);transition:transform .8s cubic-bezier(.2,.72,.18,1),opacity .7s;filter:drop-shadow(-26px 34px 24px rgba(26,43,52,.3))}.reference-cube:after{content:"";position:absolute;left:21%;right:13%;bottom:7%;height:6%;z-index:-1;border-radius:50%;background:#1b313d4d;filter:blur(14px);transform:rotate(-5deg)}.reference-cube-face{display:block;width:100%;height:100%;object-fit:contain;clip-path:polygon(10.4% 15.7%,62.4% 9.3%,92.3% 21.5%,90.6% 78.2%,37% 88.8%,11.6% 65.3%)}.reference-cube.is-hovered{transform:translate(-50%,-50%) scale(1.018)}.reference-cube.phase-aligning,.reference-cube.phase-approaching,.reference-cube.phase-complete{opacity:0;transform:translate(-50%,-52%) scale(.94)}.scene-hit-target{position:absolute;z-index:3;left:50%;top:52%;width:min(46vw,560px);height:min(58vw,590px);transform:translate(-50%,-50%);border:0;border-radius:12%;background:transparent;cursor:pointer}.entrance-brand{position:absolute;z-index:5;top:max(27px,env(safe-area-inset-top));left:max(28px,env(safe-area-inset-left));color:#fff;font-size:1.05rem;letter-spacing:-.03em;text-shadow:0 1px 14px #39505d}.entrance-brand small{display:block;margin-top:.28rem;font-size:.52rem;letter-spacing:.13em;text-transform:uppercase}.instruction{position:absolute;z-index:5;left:50%;bottom:max(28px,env(safe-area-inset-bottom));margin:0;transform:translate(-50%);color:#fff;font-size:.61rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 12px #2b4352}.entrance-skip{position:absolute;z-index:6;right:max(28px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));min-height:44px;border:0;color:#ffffffc7;background:transparent;font-size:.65rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase;cursor:pointer}.introduction-scene,.presentation-scene{position:absolute;z-index:5;inset:0;color:#fff;animation:scene-in .7s ease both}.introduction-scene:before,.presentation-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d1e2894,#1225302e 75%,#1225300a);pointer-events:none}@keyframes scene-in{0%{opacity:0}}.introduction-continue-surface,.presentation-surface{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer}.presentation-controls{position:absolute;z-index:4;top:max(24px,env(safe-area-inset-top));left:max(28px,env(safe-area-inset-left));right:max(110px,env(safe-area-inset-right));display:flex;justify-content:space-between}.presentation-controls button,.invitation-back{min-height:44px;border:0;color:#fff;background:transparent;font-size:.68rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase;cursor:pointer}.introduction-copy,.story-copy{position:absolute;z-index:2;left:clamp(28px,8vw,132px);top:51%;width:min(75vw,980px);transform:translateY(-50%);text-shadow:0 2px 26px rgba(8,24,34,.35)}.intro-line,.story-line{max-width:33ch;margin:0 0 clamp(.75rem,1.7vh,1.3rem);font-size:clamp(1.35rem,2.6vw,3rem);font-weight:400;line-height:1.08;letter-spacing:-.035em;opacity:0;animation:line-in .7s ease forwards}.intro-line:nth-child(2),.story-line:nth-child(2){animation-delay:.12s}.intro-line:nth-child(3),.story-line:nth-child(3){animation-delay:.24s}.intro-line:nth-child(4),.story-line:nth-child(4){animation-delay:.36s}.intro-line:nth-child(5),.story-line:nth-child(5){animation-delay:.48s}@keyframes line-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.intro-prompt,.story-prompt{margin-top:2rem;font-size:.68rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase}.story-line{font-size:clamp(1.18rem,2.2vw,2.55rem)}.story-line.questions{color:#ffffffbd}.editorial-accent,.section-heading em,.contact-section em{font-family:"Instrument Serif",serif;font-style:italic}.story-line.editorial-accent{max-width:none;margin-top:1.4rem;font-size:clamp(2.3rem,5vw,6rem)}.reveal-scene:before{background:#1124302e}.reveal-copy{position:absolute;z-index:2;inset:clamp(78px,10vh,105px) clamp(26px,5vw,74px) clamp(30px,5vh,50px);display:grid;grid-template-columns:minmax(260px,.55fr) minmax(520px,1.45fr);grid-template-rows:auto 1fr;gap:2rem 4vw;align-items:center}.reveal-question{margin:0;font-size:clamp(3rem,6vw,7.5rem);line-height:.9;letter-spacing:-.065em;text-shadow:0 2px 22px rgba(12,28,38,.35)}.tokin-preview{grid-column:2;grid-row:1/3;margin:0;position:relative;overflow:hidden;border-radius:4px;box-shadow:0 35px 90px #0a19226b;animation:reflection-reveal 2.6s cubic-bezier(.18,.76,.2,1) both}.tokin-preview:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(120deg,rgba(190,225,238,.34),transparent 34%,rgba(255,255,255,.08));pointer-events:none}.tokin-preview img{display:block;width:100%;height:min(72vh,720px);object-fit:cover}.tokin-preview figcaption{position:absolute;z-index:2;left:18px;bottom:14px;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 8px #000}@keyframes reflection-reveal{0%{opacity:0;filter:blur(14px);clip-path:inset(44% 3% 42%);transform:perspective(900px) rotateX(64deg) scale(.8)}45%{opacity:.78;filter:blur(5px)}to{opacity:1;filter:none;clip-path:inset(0);transform:none}}.reveal-actions{align-self:end;display:flex;flex-wrap:wrap;gap:1rem 2rem}.reveal-link,.continue-button{border:0;border-bottom:1px solid currentColor;padding:.35rem 0;color:#fff;background:transparent;font-size:.73rem;font-weight:500;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;cursor:pointer}.invitation-back{position:absolute;z-index:3;top:24px;left:28px}.invitation-copy{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr}.invitation-copy>div{display:flex;flex-direction:column;justify-content:center;gap:2rem;padding:clamp(38px,7vw,110px);border-right:1px solid rgba(255,255,255,.3);background:#0f222d3d}.invitation-copy>div:last-child{border:0}.invitation-copy p{margin:0;max-width:13ch;font-size:clamp(2.5rem,5vw,6rem);line-height:.92;letter-spacing:-.055em}.invitation-copy button{align-self:flex-start;border:0;border-bottom:1px solid currentColor;padding:.35rem 0;color:#fff;background:transparent;font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;cursor:pointer}.main-site{position:absolute;z-index:6;inset:0;overflow:auto;scroll-behavior:smooth;background:transparent}.site-header{position:sticky;z-index:10;top:0;display:flex;min-height:72px;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,64px);border-bottom:1px solid rgba(255,255,255,.2);background:#1d313c7a;backdrop-filter:blur(16px)}.site-brand,.site-header nav button{min-height:44px;border:0;color:#fff;background:transparent;cursor:pointer}.site-brand{font-size:1rem}.site-header nav{display:flex;gap:clamp(.8rem,2.5vw,2.6rem);margin-right:90px}.site-header nav button{font-size:.69rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.site-header [aria-current=page]{border-bottom:1px solid #fff}.site-section{position:relative;min-height:100svh;padding:clamp(100px,10vw,154px) clamp(20px,6vw,96px);scroll-margin-top:70px}.section-heading{margin-bottom:clamp(3rem,6vw,6rem)}.section-kicker{margin:0 0 1rem;font-size:.67rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.section-heading h1,.section-heading h2{margin:0;font-size:clamp(4rem,10vw,10rem);font-weight:500;line-height:.82;letter-spacing:-.07em}.portfolio-section{background:linear-gradient(#1125302e,#0f212c61)}.glass-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#ffffff38;border:1px solid rgba(255,255,255,.34);box-shadow:0 40px 100px #08172040}.glass-panel{position:relative;display:flex;min-height:620px;flex-direction:column;padding:clamp(28px,4vw,58px);background:linear-gradient(145deg,#ffffff30,#d6e9f112);backdrop-filter:blur(8px) saturate(1.08);box-shadow:inset 1px 1px #ffffff6b,inset -1px -1px #91b1c02e}.panel-number{align-self:flex-end;font-size:.65rem;letter-spacing:.12em}.glass-panel h2{margin:auto 0 2rem;font-size:clamp(3rem,5.4vw,6.5rem);font-weight:400;line-height:.88;letter-spacing:-.06em}.project-story{max-width:54ch;font-size:clamp(.94rem,1.08vw,1.08rem);line-height:1.52;text-shadow:0 1px 12px rgba(13,30,40,.28)}.project-story p{margin:0 0 .8rem}.glass-panel>a{align-self:flex-start;margin-top:1.5rem;padding-bottom:.25rem;border-bottom:1px solid currentColor;color:#fff;font-size:.7rem;font-weight:500;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.services-section{display:block;background-image:linear-gradient(90deg,#faeddeeb,#faedded1 34%,#faedde38 58%,#0c090a05),url(/media/liquid-stone-services.png);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:scroll;color:#2b2525}.services-copy{width:min(58%,820px);min-width:0}.services-heading h2{font-size:clamp(3.8rem,7vw,7.6rem);max-width:10ch}.services-heading>p:last-child{max-width:52ch;font-size:clamp(1.05rem,1.4vw,1.35rem);line-height:1.45}.service-item{border-top:1px solid rgba(43,37,37,.3)}.service-item:last-child{border-bottom:1px solid rgba(43,37,37,.3)}.service-item>button{display:grid;width:100%;grid-template-columns:45px 1fr 24px;gap:1rem;align-items:center;padding:1.55rem 0;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.service-item span{font-size:.63rem}.service-item strong{font-size:clamp(1.25rem,1.8vw,2rem);font-weight:400;letter-spacing:-.03em}.service-item i{font-style:normal}.service-description{padding:0 0 2rem 61px;max-width:58ch;line-height:1.55}.service-description p{margin:.2rem 0 .7rem}.services-closing{margin-top:5rem}.services-closing h3{margin:0 0 1rem;font:italic 400 clamp(2.7rem,5vw,5.5rem)/.92 "Instrument Serif"}.services-closing p{max-width:52ch;line-height:1.5}.services-closing button{margin-top:1rem;border:0;border-bottom:1px solid currentColor;padding:.3rem 0;color:inherit;background:transparent;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.contact-section{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(#081720c7,#05121aeb);color:#fff}.contact-section h2{margin:0;max-width:12ch;font-size:clamp(4rem,10vw,10rem);font-weight:400;line-height:.82;letter-spacing:-.07em}.contact-intro{max-width:42ch;margin:3rem 0 5rem auto;font-size:clamp(1.1rem,1.7vw,1.55rem);line-height:1.45}.contact-options{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid rgba(255,255,255,.28)}.contact-options>a{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;color:inherit;font-size:clamp(1.5rem,3vw,3.2rem);text-decoration:none}.contact-options>a:first-child{padding-right:2rem;border-right:1px solid rgba(255,255,255,.28)}.contact-options>a:last-child{padding-left:2rem}.contact-options small{color:#ffffff80;font-size:.53rem;letter-spacing:.11em;text-transform:uppercase}.contact-options>a:hover small{color:#fff}.contact-note{margin:3rem 0 0;font:italic 400 clamp(1.3rem,2vw,2rem)/1.3 "Instrument Serif"}.site-footer{display:flex;justify-content:space-between;padding:2rem clamp(20px,6vw,96px);background:#07161e;color:#ffffff9e;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase}@media(max-width:900px){.reference-cube{width:min(58vw,450px)}.reveal-copy{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.reveal-question{font-size:clamp(2.7rem,9vw,5rem)}.tokin-preview{grid-column:1;grid-row:2}.tokin-preview img{height:48vh}.glass-grid{grid-template-columns:1fr}.glass-panel{min-height:auto}.glass-panel h2{margin:6rem 0 2rem}.services-section{background-position:60% center}.services-copy{width:min(72%,720px)}.site-header nav{margin-right:80px}}@media(max-width:600px){.language-switcher{top:10px;right:12px}.entrance-brand{top:18px;left:18px}.entrance-brand small{display:none}.reference-cube{top:51%;width:min(79vw,410px)}.scene-hit-target{top:51%;width:88vw;height:62vw}.instruction{width:70%;text-align:center;bottom:30px}.entrance-skip{right:14px;bottom:64px;font-size:.56rem}.presentation-controls{top:12px;left:18px;right:90px}.introduction-copy,.story-copy{left:22px;right:22px;width:auto;top:53%}.intro-line{font-size:clamp(1.15rem,5.7vw,1.55rem)}.story-line{font-size:clamp(1rem,4.35vw,1.3rem)}.story-line.editorial-accent{font-size:clamp(2rem,9vw,3.1rem)}.intro-prompt,.story-prompt{font-size:.57rem}.reveal-copy{inset:72px 20px 24px;gap:1.25rem}.tokin-preview img{height:38vh}.reveal-actions{gap:.9rem}.invitation-copy{grid-template-columns:1fr;grid-template-rows:1fr 1fr;padding-top:55px}.invitation-copy>div{padding:28px 22px;border-right:0;border-bottom:1px solid rgba(255,255,255,.25)}.invitation-copy p{font-size:clamp(2rem,9vw,3.2rem)}.site-header{min-height:62px;padding:0 12px;justify-content:flex-start}.site-header .site-brand{display:none}.site-header nav{gap:.35rem;margin-right:74px}.site-header nav button{padding:0 .22rem;font-size:.54rem}.site-section{padding:88px 18px}.section-heading h1,.section-heading h2{font-size:clamp(3.4rem,17vw,5.8rem)}.glass-panel{padding:26px 22px}.glass-panel h2{font-size:clamp(3rem,14vw,5rem)}.project-story{font-size:.93rem}.services-section{padding-top:76px}.service-item>button{grid-template-columns:35px 1fr 20px}.service-item strong{font-size:1.15rem}.service-description{padding-left:51px}.contact-section h2{font-size:clamp(3.7rem,18vw,6.4rem)}.contact-intro{margin:2rem 0 3rem}.contact-options{grid-template-columns:1fr}.contact-options span:first-child{padding-right:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.28)}.contact-options span:last-child{padding-left:0}.contact-options small{max-width:12ch;text-align:right}.site-footer{flex-direction:column;gap:.7rem}}@media(max-width:600px){.services-section{background-image:linear-gradient(180deg,#faeddeeb,#faedded1 48%,#faedde8a 72%,#120c0d29),url(/media/liquid-stone-services.png);background-position:67% center}.services-copy{width:100%}.contact-options>a:first-child{padding-right:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.28)}.contact-options>a:last-child{padding-left:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.water-shimmer{display:none}}
