@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--paper:#eceeeb;--ink:#242b30;--muted:#61686b;--line:#cdd1ce;--blue:#3154d5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:7px}::selection{background:#c3ccf4}.skip{position:fixed;top:-80px;left:20px;z-index:20;padding:16px;background:white}.skip:focus{top:20px}.nav{height:110px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.wordmark{font-size:36px;font-weight:800;letter-spacing:-2px}.wordmark span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:3px;position:relative;top:8px}.nav nav{display:flex;align-items:center;gap:40px;font-size:14px}.contact-nav{border-bottom:1px solid var(--ink);padding:10px 0}.contact-nav span{margin-left:25px;font-size:21px}.hero{position:relative;min-height:740px;height:calc(100svh - 110px);max-height:1050px;padding:38px 5% 0;isolation:isolate;overflow:hidden}.hero-intro{display:flex;gap:80px;font-size:14px;line-height:1.6;position:relative;z-index:2;pointer-events:none}.hero-intro>span:first-child{font-weight:700}.hero-title{position:relative;z-index:2;pointer-events:none;margin-top:52px;width:100%}h1{font-weight:400;font-size:clamp(80px,9.6vw,155px);line-height:1.01;letter-spacing:-.075em;margin:0;width:max-content}.hero-title h1{color:#242b30}#sculpture{position:absolute;width:55%;height:78%;right:2%;top:0%;z-index:1;touch-action:pan-y}#sculpture canvas{width:100%;height:100%;display:block}.hero-bottom{display:flex;align-items:center;gap:50px;position:absolute;bottom:102px;left:5%;right:5%;z-index:2}.hero-bottom p{font-size:16px;line-height:1.65;color:var(--muted);margin:0}.round-link{display:flex;gap:20px;align-items:center;font-size:14px;margin-left:20px;border-bottom:1px solid #8e9697;padding:9px 0}.circle{width:48px;height:48px;border:1px solid #8a9192;border-radius:50%;display:grid;place-items:center;font-size:23px;transition:background .2s,color .2s}.round-link:hover .circle{background:var(--ink);color:white}.motion-controls{margin-left:auto;display:flex;align-items:center;gap:12px}.motion-controls>span{font-size:12px;line-height:1.7;color:var(--muted)}#motion{border:1px solid #b8bebb;background:transparent;border-radius:50%;width:35px;height:35px}.hero-foot{position:absolute;bottom:0;left:5%;right:5%;border-top:1px solid var(--line);height:55px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.section{padding:120px 5%}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:65px}h2{font-weight:400;letter-spacing:-.055em;font-size:clamp(40px,4.5vw,70px);line-height:1.1;margin:0}.section-top p{color:var(--muted);line-height:1.6;font-size:14px;padding-right:9%}.project{border-top:1px solid var(--line)}.project:last-child{border-bottom:1px solid var(--line)}.project-toggle{padding:32px 0;width:100%;border:0;background:transparent;display:flex;text-align:left;align-items:center;gap:20px}.project-name{font-size:36px;letter-spacing:-1.5px;flex:1}.project-name>span{display:block;font-size:14px;letter-spacing:0;color:var(--muted);margin-top:7px}.project-type{font-size:14px;color:var(--muted);width:28%}.project-plus{font-size:34px;font-weight:400;width:44px;text-align:center;transition:transform .25s}.project-toggle[aria-expanded=true] .project-plus{transform:rotate(45deg)}.project-toggle:hover .project-name{color:var(--blue)}.project-details{padding:5px 0 42px;display:grid;grid-template-columns:1fr 1fr;gap:10%}.project-details[hidden]{display:none}.project-details p{font-size:16px;line-height:1.75;max-width:530px;color:var(--muted)}h3{font-size:14px;font-weight:600;margin:12px 0}.text-link{display:inline-block;border-bottom:1px solid #8e9697;padding:9px 0;font-size:14px}.tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.tags span{font-size:12px;border:1px solid var(--line);border-radius:20px;padding:7px 12px}.studio{background:#232b30;color:#f1f2ef;display:grid;grid-template-columns:1.1fr 1fr;gap:9%;padding-top:100px;padding-bottom:100px}.studio-heading>span,.about-copy>span,.contact>span{display:block;font-size:14px;margin-bottom:40px}.studio h2{font-size:clamp(36px,4vw,60px)}.omix{display:block;font-size:68px;letter-spacing:-4px;position:relative;font-weight:800;line-height:1}.omix>span:not(.omix-arrow){display:block;font-size:14px;letter-spacing:4px;margin:10px 0 28px 5px}.omix-arrow{position:absolute;right:0;top:0;font-size:50px;font-weight:400}.studio-right p{font-size:16px;line-height:1.75;color:#bfc7ca;max-width:450px}.studio .text-link{margin-top:12px}.about{display:grid;grid-template-columns:.85fr 1fr;gap:13%;align-items:center;padding-top:150px;padding-bottom:150px}.portrait{margin:0;align-self:start;position:relative}.portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 28%;filter:grayscale(1);background:#cbd0cb;border-radius:3px}.portrait figcaption{display:flex;justify-content:space-between;font-size:12px;margin-top:17px;color:var(--muted)}.about-copy>span{margin-bottom:28px}.about-copy h2{margin-bottom:32px}.about-copy>p{max-width:510px;line-height:1.8;color:var(--muted)}.expertise{margin:32px 0}.expertise>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:13px 0}.expertise h3,.expertise p{margin:0;font-size:13px;line-height:1.6}.expertise p{color:var(--muted);text-align:right}.contact{background:#dce2ec;padding-top:88px;padding-bottom:65px}.contact>span{margin-bottom:35px}.big-contact{font-size:clamp(65px,10vw,150px);line-height:1.04;letter-spacing:-.065em;display:block;position:relative;max-width:1200px}.big-contact>span{position:absolute;right:3%;top:0;transition:transform .25s}.big-contact:hover>span{transform:translate(8px,-8px)}.contact-bottom{display:flex;align-items:center;gap:35px;margin-top:55px;flex-wrap:wrap}.contact-bottom>a{font-size:18px}.contact-bottom button{border:1px solid #aab3c0;padding:10px 16px;border-radius:30px;background:transparent;font-size:13px}.contact-bottom button span{margin-left:8px}#copy-status{font-size:13px}footer{display:flex;align-items:center;justify-content:space-between;padding:42px 5%;gap:25px;font-size:12px;color:var(--muted)}footer .wordmark{color:var(--ink)}footer>div{display:flex;gap:25px}.fallback-orbit{display:none}.no-webgl .fallback-orbit{display:block;width:70%;aspect-ratio:1;border:55px solid #a5aeb7;border-radius:50%;transform:rotate(-35deg) scaleY(.65);margin:60px auto;box-shadow:inset 10px 10px 20px #697582,10px 10px 30px #fff}
@media(min-width:1600px){.nav,.section,footer{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}.hero{max-width:1600px;margin:auto}}@media(max-width:1050px){.hero{min-height:720px}.hero-bottom{gap:20px}.motion-controls>span{display:none}.round-link{margin-left:0}.about{gap:8%}.expertise>div{display:block}.expertise p{text-align:left;margin-top:3px}.project-name{font-size:30px}h1{font-size:11vw}#sculpture{right:2%;width:65%;height:62%;top:15%}.hero-title{margin-top:65px}}@media(max-width:650px){.nav{height:85px;padding:0 6%}.wordmark{font-size:32px}.nav nav{gap:21px;font-size:12px}.contact-nav span{margin-left:7px}.hero{height:calc(100svh - 85px);min-height:725px;max-height:900px;padding:25px 6% 0}.hero-intro{justify-content:space-between;gap:18px;font-size:12px}.hero-intro>span:last-child{text-align:right}.hero-title{margin-top:50px}h1{font-size:14.4vw;letter-spacing:-.07em}#sculpture{width:88%;height:43%;right:6%;top:30%}.hero-bottom{left:6%;right:6%;bottom:90px;display:block}.hero-bottom p{font-size:14px}.round-link{margin-top:21px;gap:15px;width:max-content}.circle{width:38px;height:38px;font-size:20px}.motion-controls{position:absolute;right:0;bottom:0}.hero-foot{left:6%;right:6%;font-size:11px;height:58px;gap:25px}.hero-foot span:last-child{text-align:right;max-width:145px}.section{padding:78px 6%}.section-top{display:block;margin-bottom:35px}.section-top p{margin-top:20px}.project-toggle{padding:25px 0;flex-wrap:wrap;gap:4px}.project-name{font-size:27px;flex-basis:80%;letter-spacing:-1px}.project-name>span{font-size:12px}.project-type{order:3;width:100%;font-size:12px;margin-top:12px}.project-plus{width:30px;margin-left:auto}.project-details{grid-template-columns:1fr;gap:20px}.studio{grid-template-columns:1fr;gap:55px}.studio-heading>span{margin-bottom:24px}.omix{font-size:60px}.about{grid-template-columns:1fr;gap:50px}.portrait{max-width:440px}.about-copy h2{font-size:52px}.expertise>div{display:flex}.expertise p{text-align:right}.contact .big-contact{font-size:19vw}.big-contact>span{right:0;font-size:60px}.contact-bottom{gap:20px;margin-top:40px}.contact-bottom>a{font-size:16px}footer{padding:30px 6%;flex-wrap:wrap}footer>div{width:100%;justify-content:space-between;font-size:12px}footer>.wordmark{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Standalone pages share the original visual system. */
.nav nav a[aria-current="page"]{color:var(--ink);box-shadow:0 2px 0 var(--ink);padding-bottom:8px}
.page-work .section-top h1,.page-about h1{font-size:clamp(44px,4.5vw,70px);line-height:1.1;letter-spacing:-.055em;width:auto}
.page-work .work{padding-top:80px;padding-bottom:40px}.page-work .section-top p{padding-right:0}.page-work .other-work{padding-top:60px}
.page-about .about{padding-top:70px;padding-bottom:100px}.page-about .about-copy h1{margin-bottom:32px}.page-about .portrait img{aspect-ratio:1;object-fit:contain;filter:none;background:transparent}.page-about .portrait{align-self:center}
.page-contact .contact h1{width:auto;margin:0}.page-contact .contact{min-height:calc(100svh - 240px)}.contact-options{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-top:65px;padding-bottom:65px}.contact-options h2{font-size:32px}.contact-options p{color:var(--muted)}.contact-options>div:last-child{display:flex;gap:30px}
@media(max-width:650px){.nav nav{gap:17px}.page-about .about{padding-top:35px;gap:42px}.page-about .about-copy h1{font-size:50px}.page-work .work{padding-top:45px}.page-work .section-top h1{font-size:43px}.project-name{overflow-wrap:anywhere}.contact-options{display:block}.contact-options>div:last-child{margin-top:30px;flex-wrap:wrap}.page-contact .contact{min-height:auto}}

/* Soft contours, with a transparent portrait that sits directly on the page. */
:root{--radius-panel:28px;--radius-section:40px}
.page-about .portrait img{border-radius:var(--radius-panel);background:transparent}
.nav nav{gap:14px}
.nav nav a{padding:11px 17px;border-radius:999px;border:1px solid transparent;transition:background .2s,border-color .2s}
.nav nav a:hover{background:#e0e4df}
.nav nav a[aria-current="page"]{padding:11px 17px;box-shadow:none;background:#dde2dc}
.nav nav .contact-nav{border:1px solid #aeb6b2}
.round-link{width:max-content;border:1px solid #aeb6b2;border-radius:999px;padding:13px 23px;transition:background .2s}
.round-link:hover{background:#dde2dc}
.project,.project:last-child{border:1px solid #d4d9d3;border-radius:var(--radius-panel);background:#f3f5f1;margin-bottom:14px}
.project-toggle{padding:27px 28px;border-radius:var(--radius-panel)}
.project-toggle:focus-visible{outline-offset:3px}
.project-details{padding:0 28px 30px}
.project-plus{background:#e5e9e3;border-radius:50%;width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;line-height:1}
.studio,.page-contact .contact{margin:0 3%;border-radius:var(--radius-section)}
.page-contact .contact{margin-top:25px}
@media(max-width:650px){
 :root{--radius-panel:22px;--radius-section:28px}
 .nav nav{gap:2px}
 .nav nav a,.nav nav a[aria-current="page"]{padding:9px 10px}
 .project-toggle{padding:23px 20px}
 .project-details{padding:0 20px 26px}
 .project-plus{width:32px;height:32px;font-size:27px}
 .studio,.page-contact .contact{margin-left:4%;margin-right:4%;padding-left:6%;padding-right:6%}
 .page-contact .contact{margin-top:15px}
 .page-contact .big-contact{font-size:17vw}
}
@media(max-width:380px){.nav nav a,.nav nav a[aria-current="page"]{padding:9px 7px}.nav .wordmark{font-size:28px}}

/* Compact contact composition: one balanced panel, no viewport-height spacer. */
.page-contact .contact{min-height:0;max-width:1320px;margin:25px auto 20px;width:calc(100% - 10%);padding:64px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:64px;align-items:center}
.contact-intro{display:block;font-size:14px;margin-bottom:30px}
.page-contact .big-contact{font-size:clamp(68px,7vw,112px);line-height:1.04}
.page-contact .contact-bottom{margin-top:35px;gap:16px 22px}
.page-contact .contact-options{display:block;padding:20px 0 20px 40px;border-left:1px solid #b8c2d0}
.page-contact .contact-options h2{font-size:27px;letter-spacing:-.04em}
.page-contact .contact-options p{font-size:14px;line-height:1.7;max-width:245px}
.page-contact .contact-options>div:last-child{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin-top:25px}
.page-contact .contact-options .text-link{font-size:16px;padding:10px 0}
@media(max-width:1000px){.page-contact .contact{padding:45px;gap:35px;grid-template-columns:minmax(0,1.35fr) minmax(200px,1fr)}.page-contact .contact-options{padding-left:28px}.page-contact .big-contact{font-size:8vw}}
@media(max-width:650px){.page-contact .contact{width:92%;margin:15px auto 10px;padding:35px 25px;grid-template-columns:1fr;gap:35px}.page-contact .big-contact{font-size:16vw}.contact-intro{margin-bottom:25px}.page-contact .contact-options{border-left:0;border-top:1px solid #b8c2d0;padding:28px 0 0}.page-contact .contact-options h2{font-size:25px}.page-contact .contact-options>div:last-child{flex-direction:row;flex-wrap:wrap;gap:10px 23px;margin-top:16px}.page-contact .contact-options .text-link{font-size:14px}.page-contact .contact-options p{max-width:none}.page-contact .contact-bottom{margin-top:28px}.page-contact footer{padding-top:25px;padding-bottom:25px}}

/* Keep the footer at the bottom without covering page content. */
body{min-height:100svh;display:flex;flex-direction:column}
body>.nav,body>footer{flex-shrink:0}
body>main{flex:1 0 auto;width:100%}

/* The headline and sculpture share a centered row rather than independent offsets. */
.page-home .hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto 55px;column-gap:32px;row-gap:24px;max-width:1600px;margin:auto;min-height:650px;max-height:950px;padding-top:30px}
.page-home .hero-intro{grid-column:1/-1;grid-row:1}
.page-home .hero-title{grid-column:1;grid-row:2;align-self:center;margin:0;width:100%}
.page-home h1{font-size:clamp(70px,8vw,128px);width:auto}
.page-home #sculpture{position:relative;grid-column:2;grid-row:2;width:100%;height:100%;min-height:350px;right:auto;top:auto;align-self:center}
.page-home .hero-bottom{position:static;grid-column:1/-1;grid-row:3;padding:0 0 20px;gap:45px}
.page-home .hero-foot{position:static;grid-column:1/-1;grid-row:4;height:55px}
@media(max-width:900px){
 .page-home .hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(260px,1fr) auto 58px;gap:24px;min-height:800px;max-height:none;height:calc(100svh - 85px)}
 .page-home .hero-intro{justify-content:space-between;gap:20px}
 .page-home .hero-intro>span:last-child{text-align:right}
 .page-home .hero-title{grid-column:1;grid-row:2;margin:8px 0 0}
 .page-home h1{font-size:clamp(52px,12vw,100px)}
 .page-home #sculpture{grid-column:1;grid-row:3;min-height:260px;max-width:480px;justify-self:center}
 .page-home .hero-bottom{grid-row:4;padding:0;gap:22px}
 .page-home .hero-foot{grid-row:5;height:58px}
}
@media(max-width:650px){.page-home .hero{padding-top:25px;gap:20px;min-height:780px}.page-home h1{font-size:14.4vw}.page-home .hero-bottom{display:flex;flex-wrap:wrap;gap:18px}.page-home .round-link{margin:0}.page-home .hero-bottom p{flex-basis:100%}}
