*{box-sizing:border-box}
html{margin:0;background:#fff;color:#111;scroll-behavior:smooth}
body{margin:0;background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,a{font:inherit;color:inherit}
a{text-decoration:none}

.hero-section{position:relative;width:100vw;height:100svh;min-height:100dvh;overflow:hidden;background:#101a28;border-radius:0 0 2rem 2rem;isolation:isolate;scroll-snap-align:start}
.hero-fallback,.hero-fallback img,.hero-video,.hero-shade{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero-fallback{z-index:0}.hero-fallback img,.hero-video{object-fit:cover;object-position:center center}.hero-video{z-index:1}.hero-shade{z-index:2;background:rgba(6,14,25,.08);pointer-events:none}
.hero-logo{position:absolute;z-index:3;top:50%;left:50%;display:block;width:clamp(150px,24vw,390px);transform:translate(-50%,-50%);pointer-events:none}
.hero-logo img{display:block;width:100%;height:auto}

.about-section{position:relative;min-height:100svh;background:#fff;scroll-snap-align:start}
.about-experience{position:relative;width:100%;height:100svh;overflow:hidden;outline:none;cursor:pointer;touch-action:manipulation}
.about-composition,#about-wordfield{position:absolute;inset:0}.about-cluster{position:absolute;left:var(--x);top:var(--y);font-size:clamp(15px,1.72vw,28px);letter-spacing:-.055em;line-height:1.02;white-space:pre}.about-fragment{height:1.02em;transform:translateX(var(--indent,0))}
.about-story[hidden]{display:none}.about-story{position:absolute;inset:0;padding:8vh 5%;display:grid;grid-template-columns:1fr 2fr;gap:30px;align-content:center;cursor:default}.biography{grid-column:2;max-width:830px}.biography h1{font-size:clamp(28px,4.3vw,64px);font-weight:400;letter-spacing:-.065em;line-height:1.03;margin:0 0 4vh}.biography p{font-size:clamp(17px,2vw,28px);letter-spacing:-.035em;line-height:1.28;margin:0 0 2.5vh}.tools{display:flex;flex-wrap:wrap;gap:10px 25px;margin-top:4vh;font-size:13px}

.gallery-section{position:relative;width:100%;height:100svh;min-height:600px;background:#fff;scroll-snap-align:start;overflow:hidden}.gallery-section canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.gallery-section canvas:active{cursor:grabbing}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.sr-only:focus-within{width:auto;height:auto;clip-path:none;left:20px;top:20px;z-index:3;background:#fff;padding:15px}.sr-only button{margin:4px}.gallery-section dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden}.gallery-section dialog::backdrop{background:transparent}.gallery-section #site-preview-image{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#000;box-shadow:0 18px 75px #0003;outline:none}.gallery-section #site-close{position:absolute;right:25px;top:20px;border:0;border-radius:50%;background:#ffffffb3;color:#111;font:26px Arial;width:34px;height:34px;cursor:pointer}.gallery-section #site-preview-name{position:absolute;left:0;right:0;top:calc(50% + var(--preview-half-height,0px) + 18px);margin:0;text-align:center;font-size:12px;letter-spacing:.02em;pointer-events:none}.gallery-section #site-preview-image img,.gallery-section #site-preview-image video{display:block;width:100%;height:100%;object-fit:contain}.site-preview-open{overflow:hidden}.gallery-section canvas{transition:filter 220ms ease}.site-preview-open .gallery-section canvas{filter:blur(5px)}#site-gallery-fallback{position:absolute;top:45%;width:100%;text-align:center}

.featured-section{padding:4vh 2.65vw 6vh;background:#fff;scroll-snap-align:start}.featured-section .section-heading{font-family:'Times New Roman',Georgia,serif;font-size:clamp(18px,2.6vw,51px);font-weight:300;line-height:.9;text-align:center;margin:0;padding:0 0 2vh}.featured-section .work-list{border-top:1px solid #111;border-bottom:1px solid #111}.featured-section .work-row{position:relative;min-height:57px;border-bottom:1px solid #111;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .3s}.featured-section .work-row:last-child{border-bottom:0}.featured-section .work-title{position:relative;z-index:1;display:inline-flex;align-items:center;gap:0;font-family:'Times New Roman',Georgia,serif;font-size:clamp(18px,2.6vw,51px);font-weight:300;line-height:.85;letter-spacing:normal;white-space:nowrap;text-align:center;transition:gap .45s cubic-bezier(.2,.8,.2,1)}.featured-section .word-part{display:inline-block;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.featured-section .work-row:hover{background:#fafafa}.featured-section .work-row:hover .work-title{gap:.045em}.featured-section .work-row:hover .word-part:first-child{transform:translateX(-2%)}.featured-section .work-row:hover .word-part:last-child{transform:translateX(2%)}.featured-section .work-thumb{position:relative;z-index:2;display:inline-flex;flex:0 0 auto;width:0;height:clamp(34px,4vw,68px);margin:0;background:#111;color:#fff;align-items:center;justify-content:center;opacity:0;transform:scale(.35);pointer-events:none;transition:width .45s cubic-bezier(.2,.8,.2,1),opacity .25s,transform .5s cubic-bezier(.2,.8,.2,1)}.featured-section .work-row:hover .work-thumb{width:clamp(55px,6.5vw,118px);opacity:1;transform:scale(1)}.featured-section .work-thumb img{display:block;width:100%;height:100%;object-fit:cover;filter:blur(10px);transform:scale(1.12);transition:filter .45s cubic-bezier(.2,.8,.2,1),transform .45s cubic-bezier(.2,.8,.2,1)}.featured-section .work-row:hover .work-thumb img{filter:blur(0);transform:scale(1)}.featured-section .thumb-overlaid:after{display:none}
.featured-section .contact-row{overflow:visible;z-index:4}.featured-section .contact-row:hover{background:transparent}.featured-section .contact-row:hover .work-title{gap:0}.featured-section .contact-trigger{width:100%;height:100%;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:opacity .25s ease,transform .35s cubic-bezier(.2,.8,.2,1)}.featured-section .contact-trigger:focus-visible{outline:1px solid #111;outline-offset:-4px}.featured-section .contact-links{position:absolute;z-index:5;top:50%;left:50%;display:flex;align-items:center;gap:clamp(12px,2vw,29px);opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.65);transition:opacity .25s ease,transform .45s cubic-bezier(.2,.8,.2,1)}.featured-section .contact-link{display:grid;place-items:center;width:clamp(19px,2.1vw,32px);height:clamp(19px,2.1vw,32px);transition:transform .25s ease}.featured-section .contact-link img{display:block;width:100%;height:100%;object-fit:contain}.featured-section .contact-link:hover{transform:scale(1.14)}.featured-section .contact-row.is-open .contact-links,.featured-section .contact-row.is-selecting .contact-links{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.featured-section .contact-row.is-open .contact-trigger,.featured-section .contact-row.is-selecting .contact-trigger{opacity:0;transform:scale(.75)}.featured-section .contact-row.is-selecting .contact-links{transform:translate(-50%,-50%) scale(1.14)}
@media(hover:hover) and (pointer:fine){.featured-section .contact-row:hover .contact-links,.featured-section .contact-row:focus-within .contact-links{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.featured-section .contact-row:hover .contact-trigger,.featured-section .contact-row:focus-within .contact-trigger{opacity:0;transform:scale(.75)}}

@media(max-width:700px){.about-cluster{font-size:18px;left:var(--mx);top:var(--my)}.about-story{padding:5vh 7%;grid-template-columns:1fr;gap:3vh}.biography{grid-column:1}.biography h1{font-size:32px;margin-bottom:3vh}.biography p{font-size:18px;margin-bottom:2vh}.tools{font-size:12px;margin-top:3vh;gap:8px 18px}.featured-section{padding:2.5vh 5vw 5vh}.featured-section .section-heading{font-size:clamp(14px,3.3vw,28px);padding-bottom:1.5vh}.featured-section .work-row{min-height:35px}.featured-section .work-title{font-size:clamp(12px,3.3vw,28px)}.featured-section .work-thumb{height:21px}.featured-section .work-row:hover .work-thumb{width:33px}.featured-section .word-part{transition:transform .35s}.featured-section .work-row:hover .word-part:first-child{transform:translateX(-3%)}.featured-section .work-row:hover .word-part:last-child{transform:translateX(3%)}.featured-section .contact-links{gap:14px}.featured-section .contact-link{width:21px;height:21px}}
@media(max-height:700px){.about-story{padding-top:3vh;padding-bottom:3vh;gap:2vh}.biography h1{font-size:28px;margin-bottom:2vh}.biography p{font-size:16px;margin-bottom:1.8vh}.tools{margin-top:2vh;font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.hero-video{display:none}.gallery-section canvas{transition:none}}