/* /house-type.css */ /* House type: shared by the homepage and practice pages. */ @font-face{font-family:StudioKufam;src:url('/assets/type/kufam-900-latin.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap} @font-face{font-family:SystemsDots;src:url('/assets/type/doto-800-latin.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap} @font-face{font-family:SystemsDots;src:url("/assets/type/doto-400-latin.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap} @font-face{font-family:ArtistSans;src:url('/assets/dm-500.ttf');font-display:swap;} @font-face{font-family:ArtistSerif;src:url('/assets/italiana.ttf');font-display:swap;} /* /style.css */ :root{--ink:#151620;--paper:#f4f3ef;--muted:#62646b;--line:#d0d0cc;--gutter:clamp(22px,4.7vw,84px);--progress:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.6 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,dl,dd{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.055em;line-height:1.02}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #5555a3;outline-offset:5px}.section{padding:85px var(--gutter);max-width:1920px;margin:auto}.eyebrow,.system-id,.project-number{font:11px/1.4 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}.skip{position:fixed;top:-100px;left:24px;z-index:100;background:white;padding:16px}.skip:focus{top:15px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:12px 0 8px;background:none;border:0;border-bottom:1px solid currentColor;font-size:14px;text-align:left}.text-link span{font-size:22px;transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)} .site-header{position:fixed;inset:28px var(--gutter) auto;z-index:50;display:flex;align-items:center;justify-content:space-between;pointer-events:none;background:none;border:0;box-shadow:none;transition:inset .5s cubic-bezier(.2,.8,.2,1)}.site-header>a,.site-header>nav{pointer-events:auto}.brand{position:relative;width:96px;height:75px;display:block;transition:width .5s,height .5s;flex:none}.wordmark{width:100%;height:100%;object-fit:contain;filter:brightness(0);transition:opacity .4s,transform .5s}.compact-mark{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:brightness(0);opacity:0;transform:scale(.7);transition:opacity .4s,transform .5s}.nav-glass{position:relative;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #ffffffb0;border-radius:50px;background:linear-gradient(125deg,#ffffff70,#f1e2f33d 50%,#ffffff45);box-shadow:inset 0 1px 1px #ffffffe6,inset 0 -1px 1px #ffffff45,0 8px 30px #49374e0d;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);transition:padding .5s,gap .5s,background .5s;overflow:hidden}.nav-glass>a,.nav-glass>button{position:relative;z-index:1;padding:13px 24px;white-space:nowrap;border:0;border-radius:40px;background:none;font-size:12px;transition:padding .5s,color .3s}.nav-glass>button{background:#ffffff50;box-shadow:inset 0 1px #fff8}.nav-glass>button span{margin-left:15px}.nav-glass a:hover{background:#ffffff35}.nav-indicator{position:absolute;top:8px;bottom:8px;left:0;width:0;background:linear-gradient(135deg,#d9d9e3a0,#eeeeeea0);border-radius:35px;box-shadow:inset 0 1px #fff9;transition:width .4s,transform .4s;pointer-events:none}.nav-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;transform:scaleX(var(--progress));transform-origin:left;background:linear-gradient(90deg,#818195,#8a8b97)}.site-header.compact{inset:14px calc(var(--gutter) + 8px) auto}.compact .brand{width:68px;height:43px}.compact .wordmark{opacity:0;transform:translateY(-12px) scale(.8)}.compact .compact-mark{opacity:1;transform:none}.compact .nav-glass{padding:5px 8px;gap:2px}.compact .nav-glass>a,.compact .nav-glass>button{padding:11px 20px}.compact .nav-indicator{top:5px;bottom:5px}.site-header.on-dark .wordmark,.site-header.on-dark .compact-mark{filter:none}.site-header.on-dark .nav-glass{color:#f8f4fa;background:linear-gradient(125deg,#ffffff25,#e1bfee16);border-color:#ffffff55}.site-header.on-dark .nav-indicator{background:#ffffff22}.site-header.on-dark .nav-glass>button{background:#ffffff18} .hero{padding-top:185px;padding-bottom:35px}.hero-top{display:flex;justify-content:space-between;gap:25px;margin-bottom:44px}.location{font-size:11px;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:6vw;align-items:end}.hero h1{font-size:clamp(80px,8.7vw,154px);font-weight:600;letter-spacing:-.075em;line-height:.94}.hero h1>span{display:block}.hero h1>span:first-child{animation:arrive .7s both}.second-line{display:flex!important;align-items:center;gap:24px;animation:arrive .7s .12s both}.brand-slashes{display:inline-flex;width:clamp(84px,12vw,210px);height:.68em;gap:12%;padding:0 14%;overflow:hidden;position:relative;margin-right:6px;flex:none}.brand-slashes b{display:block;position:absolute;top:-12%;width:9%;height:130%;background:currentColor;transform:skew(-25deg);animation:stripe-breathe 6s ease-in-out infinite}.brand-slashes b:nth-child(1){left:13%}.brand-slashes b:nth-child(2){left:38%;animation-delay:.12s}.brand-slashes b:nth-child(3){left:63%;animation-delay:.24s}.hero-description{max-width:365px;padding-bottom:5px}.hero-description>p:first-child{font-size:clamp(18px,1.5vw,24px);line-height:1.4;letter-spacing:-.025em}.byline{font-size:12px;color:var(--muted);margin-top:18px}.hero-description .text-link{margin-top:18px}.hero-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:50px;padding-top:22px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.hero-foot a span{margin-left:20px}.motion-toggle{border:0;background:none;font-size:10px;padding:7px 0;color:var(--muted)} .work{padding-top:0;padding-bottom:65px}.feature-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:25px}.feature{min-width:0}.feature-scene{height:clamp(340px,32vw,520px);position:relative;overflow:hidden;background:#171b25;color:#e5d9bd;border-radius:3px}.scene-top{position:absolute;z-index:2;inset:25px 27px auto;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.scene-tag{position:absolute;z-index:2;left:27px;bottom:24px;font-size:10px;letter-spacing:.04em}.justice{position:absolute;right:-4%;top:4%;width:52%;height:104%;object-fit:contain;opacity:.8;transition:transform .8s}.hyam-signature{position:absolute;left:6%;top:38%;width:65%;filter:drop-shadow(0 3px 12px #171b25);transition:transform .8s}.feature-hyam:hover .justice{transform:translateX(-8px)}.feature-hyam:hover .hyam-signature{transform:translateY(-5px)}.feature-odette .feature-scene{background:#dfe2f3;color:#22264a}.odette-screen{position:absolute;width:105%;max-width:none;top:22%;left:7%;border:1px solid #ffffff9c;box-shadow:0 15px 35px #353b7120;border-radius:5px;transition:transform .8s;transform:rotate(-4deg)}.feature-odette:hover .odette-screen{transform:rotate(0) translateY(-4px)}.feature-caption{display:flex;justify-content:space-between;gap:15px;padding:25px 0 19px}.project-number{font-size:9px;color:var(--muted);margin-bottom:12px}.feature-caption h2{font-size:clamp(25px,2.1vw,34px);letter-spacing:-.045em}.feature-caption p:not(.project-number){font-size:13px;line-height:1.6;max-width:460px;color:#5a5b62;margin-top:13px}.project-status{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:10px;padding-top:2px;white-space:nowrap}.project-status:before{content:'';width:4px;height:4px;background:#476852;border-radius:50%}.project-facts{display:flex;gap:7px;flex-wrap:wrap}.project-facts span{font-size:10px;border:1px solid var(--line);padding:5px 10px;border-radius:20px}.credit-line{font-size:10px;color:var(--muted);margin-top:32px} .clients{padding:50px 0;background:#e8e8e2;border-block:1px solid var(--line);overflow:hidden}.clients-top{display:flex;justify-content:space-between;gap:25px;align-items:end;padding:0 var(--gutter);margin-bottom:35px}.clients h2{font-size:clamp(30px,3vw,46px);margin-top:15px}.client-controls{display:flex;gap:8px;align-items:center}.client-position{font-size:11px;margin-right:16px;font-variant-numeric:tabular-nums;white-space:nowrap}.client-controls button{border:1px solid #aaa9a3;border-radius:50%;background:none;width:42px;height:42px;line-height:1;font-size:20px;transition:background .2s,opacity .2s}.client-controls button:hover{background:#ffffff75}.client-controls button:disabled{opacity:.3;cursor:default}.client-index{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:var(--gutter);gap:0;padding:6px var(--gutter) 22px;scrollbar-width:thin;scrollbar-color:#91928d transparent;-webkit-overflow-scrolling:touch}.client-index article{position:relative;flex:0 0 clamp(275px,27vw,420px);min-width:0;scroll-snap-align:start;border-left:1px solid #bbbbb5;padding:12px 26px 5px;display:flex;flex-direction:column;min-height:210px}.client-index article:last-child{border-right:1px solid #bbbbb5}.client-id{font-size:10px;color:var(--muted);margin-bottom:25px}.client-index h3{font-size:clamp(25px,2.25vw,34px);font-weight:500;letter-spacing:-.055em;min-height:55px;display:flex;align-items:start;line-height:1.1}.client-index p{font-size:11px;color:#585b61;margin-top:10px}.client-state{font-size:10px;display:block;margin-top:auto;padding-top:15px;color:#555960}.client-state:before{content:'↳';margin-right:7px}.fixabl-mark{height:30px;width:132px;object-fit:contain;object-position:left;filter:brightness(0)}.kelme-type span{font-size:22px;letter-spacing:0;margin-left:15px}.clients-foot{padding:15px var(--gutter) 0;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)} .systems{padding-top:95px;padding-bottom:35px}.section-heading{margin-bottom:50px}.section-heading h2{font-size:clamp(38px,4.4vw,70px);margin-top:20px}.section-heading>p:last-child{font-size:14px;color:var(--muted);margin-top:18px}.system-row{border-top:1px solid var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:45px 0 60px}.system-id{font-size:10px;color:var(--muted)}.system-title h3{font-size:clamp(70px,7.2vw,114px);font-weight:500;letter-spacing:-.065em;margin:35px 0 28px;line-height:.95}.lab-row .system-title h3{font-size:clamp(60px,6.6vw,105px)}.system-period{color:#7f7e8e}.development-badge{display:inline-block;font-size:10px;color:var(--muted);padding-left:12px;position:relative}.development-badge:before{content:'';position:absolute;width:5px;height:5px;background:#919177;border-radius:50%;left:0;top:5px}.system-detail{padding-top:3px}.system-lead{font-size:clamp(23px,2.15vw,33px);line-height:1.23;letter-spacing:-.04em;max-width:560px}.system-detail>p:not(.system-lead){font-size:14px;color:var(--muted);line-height:1.65;margin-top:23px;max-width:520px}.locus-contexts{list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.locus-contexts li{border-top:1px solid var(--line);padding-top:17px;font-size:12px;line-height:1.4}.locus-contexts span{display:block;font-size:9px;color:var(--muted);margin-bottom:14px}.lab-levels{margin-top:34px}.lab-levels>.eyebrow{font-size:9px;color:var(--muted)}.lab-levels ol{list-style:none;padding:0;margin:15px 0 22px;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.lab-levels li{border-top:1px solid var(--line);padding:15px 0;font-size:12px;display:flex;gap:12px}.lab-levels li span{font-size:9px;color:var(--muted);padding-top:2px}.lab-levels strong{font-weight:400}.system-detail .text-link{font-size:12px} .studio{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding-top:60px;padding-bottom:80px}.studio h2{font-size:clamp(40px,4.4vw,70px);margin-top:30px}.studio-copy>p:first-child{font-size:clamp(20px,1.7vw,27px);line-height:1.4;letter-spacing:-.025em}.studio-copy>p:nth-child(2){font-size:14px;color:var(--muted);margin-top:25px;max-width:540px}.practice-list{margin-top:32px}.practice-list>div{border-top:1px solid var(--line);padding:14px 0;display:grid;grid-template-columns:125px 1fr;gap:20px;font-size:12px}.practice-list dd{color:var(--muted)} footer{background:#171820;color:#f2f1ec;padding:0 var(--gutter);overflow:hidden}.footer-run{position:relative;height:165px;border-bottom:1px solid #fff3;margin-bottom:45px;display:flex;align-items:center}.footer-run>.eyebrow{font-size:10px;color:#a9a9b4}.running-hyena{position:absolute;width:190px;top:30px;left:25%;animation:hyena-crossing 15s ease-in-out infinite alternate}.hyena-motion{position:relative;display:block;width:100%;aspect-ratio:1280/700;animation:hyena-step 2.2s ease-in-out infinite}.hyena-motion img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;mask-mode:luminance;mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;filter:brightness(0) invert(1)}.hyena-original{mask-image:url('/assets/hyena-original.png');-webkit-mask-image:url('/assets/hyena-original.png');animation:stripe-state 9s ease-in-out infinite}.hyena-letter{mask-image:url('/assets/hyenas-letterform.png');-webkit-mask-image:url('/assets/hyenas-letterform.png');animation:letter-state 9s ease-in-out infinite}.running-stripes{position:absolute;right:4%;top:38px;display:flex;gap:16px;transform:skew(-25deg)}.running-stripes i{width:7px;height:80px;background:#c2b9ca;animation:stripe-breathe 6s ease-in-out infinite}.running-stripes i:nth-child(2){animation-delay:.12s}.running-stripes i:nth-child(3){animation-delay:.24s}.running-stripes i:nth-child(4){animation-delay:.36s}.footer-main>.eyebrow{color:#b0b0b9;margin-bottom:30px}.contact-title{position:relative;width:100%;text-align:left;background:none;border:0;color:inherit;padding:0;font:500 clamp(65px,9.5vw,150px)/.93 Arial,sans-serif;letter-spacing:-.065em}.contact-title>span{position:absolute;right:0;top:0;font:80px Arial;transition:transform .3s}.contact-title:hover>span{transform:translate(6px,-6px)}.footer-details{display:flex;justify-content:space-between;gap:20px;margin:40px 0 55px;font-size:16px}.email-button{color:inherit;background:none;border:0;border-bottom:1px solid #fff6;padding:0 0 7px}.footer-details>span{font-size:11px;color:#b7b7c0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #fff3;padding:22px 0;gap:20px;font-size:10px;color:#b7b7c0} .reveal{opacity:1;transform:none}.js-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.js-ready .reveal.in-view{opacity:1;transform:none}body.contact-open{overflow:hidden}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused{scroll-behavior:auto}.motion-paused .hyena-original{opacity:1!important}.motion-paused .hyena-letter{opacity:0!important}@keyframes arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes stripe-breathe{0%,30%,100%{translate:0 0}50%,70%{translate:0 -12%}}@keyframes hyena-step{0%,50%,100%{translate:0 0}25%{translate:0 -3px}75%{translate:0 -2px}}@keyframes stripe-state{0%,20%,90%,100%{opacity:1}35%,75%{opacity:0}}@keyframes letter-state{0%,20%,90%,100%{opacity:0}35%,75%{opacity:1}}@keyframes hyena-crossing{to{transform:translateX(30vw)}}@keyframes sheet-in{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}} @media(max-width:1100px){.hero-grid{grid-template-columns:1.5fr 1fr;gap:35px}.hero h1{font-size:8.8vw}.hero-description>p:first-child{font-size:18px}.nav-glass>a,.nav-glass>button{padding:12px 17px}.system-row,.studio{gap:45px}.scene-top{inset:22px 22px auto}.scene-tag{left:22px;font-size:8px}.feature-scene{height:345px}.client-index article{flex-basis:310px}} @media(max-width:760px){:root{--gutter:22px}html{scroll-padding-top:90px}.section{padding-block:55px}.site-header{inset:18px 20px auto;align-items:start}.brand{width:62px;height:50px}.nav-glass{gap:0;padding:5px;max-width:calc(100vw - 110px)}.nav-glass>a,.nav-glass>button{padding:11px 11px;font-size:10px}.nav-glass>a[href="#studio"]{display:none}.nav-glass>button span{display:none}.compact .nav-glass>a,.compact .nav-glass>button{padding:10px 12px}.site-header.compact{inset:12px 20px auto}.compact .brand{width:44px;height:35px}.compact .nav-glass{max-width:calc(100vw - 92px)}.hero{padding-top:137px;padding-bottom:25px}.hero-top{margin-bottom:31px}.hero-top .eyebrow{font-size:8px;max-width:240px}.location{display:none}.hero-grid{grid-template-columns:1fr;gap:28px}.hero h1{font-size:clamp(58px,12.1vw,91px);letter-spacing:-.075em}.second-line{gap:12px}.brand-slashes{width:22vw;max-width:155px}.hero-description{display:grid;grid-template-columns:1fr auto;gap:12px 18px;max-width:none;align-items:end}.hero-description>p:first-child{font-size:16px;grid-column:1/3;max-width:350px}.byline{font-size:10px;margin:0;max-width:180px}.hero-description .text-link{font-size:11px;margin:0;padding-top:0;gap:15px;white-space:nowrap}.hero-description .text-link span{font-size:17px}.hero-foot{margin-top:32px;padding-top:16px;font-size:9px}.motion-toggle{font-size:9px}.work{padding-top:0;padding-bottom:45px}.feature-grid{grid-template-columns:1fr;gap:35px}.feature-scene{height:clamp(285px,86vw,450px)}.scene-top{font-size:8px;inset:23px 23px auto}.scene-tag{font-size:8px;bottom:22px;left:23px}.feature-caption{padding-top:20px}.feature-caption h2{font-size:28px}.feature-caption p:not(.project-number){font-size:12px}.project-number{font-size:8px;margin-bottom:9px}.project-status{font-size:9px}.project-facts span{font-size:9px}.odette-screen{top:25%;width:115%;left:5%}.feature-odette .feature-scene{height:clamp(270px,80vw,400px)}.credit-line{font-size:9px;max-width:280px;line-height:1.5}.clients{padding:35px 0}.clients-top{align-items:end;margin-bottom:28px;gap:12px}.clients h2{font-size:29px;max-width:220px;margin-top:12px}.clients-top .eyebrow{font-size:9px}.client-position{display:none}.client-controls{gap:6px}.client-controls button{width:34px;height:34px;font-size:17px}.client-index{padding-bottom:18px;scrollbar-width:thin}.client-index article{flex-basis:78vw;max-width:340px;min-height:205px;padding:10px 22px 4px}.client-index h3{font-size:30px;min-height:54px}.client-index p{font-size:11px}.clients-foot{display:block;font-size:9px;max-width:440px}.clients-foot>span{display:block;margin-top:10px;color:#353740}.section-heading{margin-bottom:35px}.section-heading h2{font-size:40px;max-width:350px;line-height:1.05}.section-heading>p:last-child{font-size:12px;max-width:300px}.system-row{grid-template-columns:1fr;gap:32px;padding:30px 0 43px}.system-title h3{font-size:77px;margin:25px 0 20px}.lab-row .system-title h3{font-size:clamp(50px,15vw,65px)}.system-id{font-size:9px}.development-badge{font-size:9px}.system-detail{padding:0}.system-lead{font-size:24px;max-width:420px}.system-detail>p:not(.system-lead){font-size:13px;margin-top:18px}.locus-contexts{gap:12px;margin-top:25px}.locus-contexts li{font-size:11px}.lab-levels{margin-top:26px}.lab-levels li{font-size:11px;gap:9px}.systems{padding-bottom:10px}.studio{grid-template-columns:1fr;gap:30px;padding-block:40px}.studio h2{font-size:43px;margin-top:23px}.studio-copy>p:first-child{font-size:20px}.studio-copy>p:nth-child(2){font-size:13px;margin-top:18px}.practice-list>div{grid-template-columns:100px 1fr;gap:12px;font-size:11px}.footer-run{height:135px;margin-bottom:30px}.footer-run>.eyebrow{font-size:8px;max-width:75px}.running-hyena{width:140px;left:21%;top:30px;animation-name:hyena-crossing-mobile}.running-stripes{right:0;top:42px;gap:7px}.running-stripes i{height:52px;width:4px}.footer-main>.eyebrow{font-size:9px;margin-bottom:25px}.contact-title{font-size:clamp(56px,13vw,90px)}.contact-title>span{font-size:32px}.footer-details{display:block;margin:30px 0 35px;font-size:14px}.footer-details>span{display:block;margin-top:23px;font-size:9px}.footer-bottom{font-size:9px;gap:15px}.footer-bottom>span{display:none}.footer-bottom>a:last-child{margin-left:auto}@keyframes hyena-crossing-mobile{to{transform:translateX(15vw)}}} @media(max-width:360px){.site-header{inset:16px 16px auto}.brand{width:53px;height:43px}.nav-glass{max-width:calc(100vw - 92px)}.nav-glass>a,.nav-glass>button{padding:10px 8px;font-size:9px}.compact .nav-glass>a,.compact .nav-glass>button{padding:10px 9px}.hero h1{font-size:53px}.hero-description .text-link{font-size:10px;gap:10px}.hero-description{gap:14px 10px}.byline{font-size:9px}.clients h2{font-size:25px}.client-controls button{width:30px;height:30px}.feature-caption h2{font-size:25px}.project-status{font-size:8px}.locus-contexts{grid-template-columns:1fr}.locus-contexts span{display:inline;margin-right:12px}.locus-contexts li{padding-top:12px}.contact-title{font-size:53px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hyena-letter{display:none}.hyena-original{opacity:1!important}.js-ready .reveal{opacity:1;transform:none}} @media print{.site-header,.motion-toggle,.client-controls,.footer-run{display:none}.hero{padding-top:30px}.hero h1{font-size:75px}.client-index{flex-wrap:wrap;overflow:visible}.client-index article{flex-basis:25%}.reveal{opacity:1!important;transform:none!important}.contact-sheet{display:none}} .contact-sheet{position:fixed;inset:0 0 0 auto;margin:18px;max-height:calc(100dvh - 36px);width:min(580px,calc(100vw - 36px));max-width:none;padding:55px 48px 35px;border:1px solid #fff9;border-radius:24px;background:linear-gradient(140deg,#f6f5f0f5,#e4e3e9ee);color:var(--ink);box-shadow:0 25px 100px #0004,inset 0 1px #fff;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);overflow:auto}.contact-sheet::backdrop{background:#10111e77;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.contact-sheet[open]{animation:sheet-in .35s ease-out}.contact-sheet h2{font-size:64px;margin:24px 0 16px}.contact-sheet>p:not(.eyebrow){font-size:13px;max-width:390px}.sheet-close{position:absolute;right:22px;top:18px;width:40px;height:40px;border:1px solid #18192733;background:#fff4;border-radius:100%;font-size:27px;cursor:pointer}.direct-email{display:inline-block;font-size:14px;margin:22px 0;border-bottom:1px solid #18192755;padding-bottom:4px}#contact-form{display:grid;gap:16px}#contact-form label{font-size:11px;display:grid;gap:7px}#contact-form input,#contact-form textarea{border:1px solid #18192733;border-radius:8px;background:#ffffff55;color:var(--ink);font:16px Arial;padding:12px;width:100%;resize:vertical}.send-draft{padding:15px 20px;background:var(--ink);border:0;border-radius:30px;color:var(--paper);display:flex;justify-content:space-between;cursor:pointer}.form-note{font-size:11px;color:var(--muted)}.copy-email{border:0;background:none;padding:16px 0 0;text-decoration:underline;font-size:11px;cursor:pointer} .contact-sheet[open]{animation:sheet-in .35s ease-out}.contact-sheet .form-note{font-size:11px}.contact-sheet .sheet-close{font-size:27px}@media(max-width:600px){.contact-sheet{padding:55px 25px 25px;margin:10px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.contact-sheet h2{font-size:50px}} /* Fixed-position, vector-contour identity sequence. */ .brand-canvas{display:none;width:100%;height:100%;object-fit:contain}.brand-motion{color:var(--ink)}.brand-motion.motion-ready>.brand-canvas{display:block}.brand-motion.motion-ready>.wordmark,.brand-motion.motion-ready>.motion-fallback{display:none}.site-header .brand{width:110px;height:82.5px;transition:width .5s,height .5s}.site-header.compact .brand{width:76px;height:57px}.site-header.on-dark .brand{color:#f2f1ec}.footer-run{height:245px;display:grid;grid-template-columns:1fr 320px 1fr;gap:30px;align-items:center}.footer-identity{width:300px;height:225px;color:#f2f1ec;justify-self:center}.motion-fallback{height:100%;width:100%;object-fit:contain}.motion-signature{display:grid;gap:10px}.motion-signature>.eyebrow{font-size:10px;color:#f2f1ec}.motion-signature>span:last-child{font-size:11px;color:#a9a9b4}.replay-brand{justify-self:end;background:none;border:0;border-bottom:1px solid #fff5;padding:8px 0;font-size:11px;color:#b7b7c0}.brand-slashes b{animation-duration:12s}.motion-paused .brand-slashes b{translate:0 0}@media(max-width:760px){.site-header .brand{width:68px;height:51px}.site-header.compact .brand{width:52px;height:39px}.footer-run{height:220px;grid-template-columns:1fr 185px;gap:12px;position:relative}.footer-identity{width:185px;height:139px}.motion-signature>.eyebrow{max-width:100px;font-size:9px}.motion-signature>span:last-child{font-size:9px;max-width:95px}.replay-brand{position:absolute;right:0;bottom:20px;font-size:10px}}@media(max-width:360px){.site-header .brand{width:58px;height:43.5px}.site-header.compact .brand{width:45px;height:33.75px}.footer-run{grid-template-columns:1fr 165px}.footer-identity{width:165px;height:123.75px}}@media(prefers-reduced-motion:reduce){.replay-brand{display:none}} .brand:not(.motion-ready) .wordmark{opacity:1;transform:none} /* /experience.css */ /* Studio presentation: generous project rails, controlled motion, original identity. */ :root{--ease:cubic-bezier(.22,1,.36,1);--accent:#b7ae8f} .hero{padding-top:164px;padding-bottom:30px}.hero-top{margin-bottom:26px}.hero-grid{grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.hero-headline{display:grid;grid-template-columns:1fr;gap:30px}.hero h1{font-size:clamp(85px,9.6vw,160px);line-height:.87;letter-spacing:-.075em;font-weight:500}.hero h1>span{display:block;animation:hero-line 1.25s var(--ease) both}.hero h1>span:nth-child(2){animation-delay:.1s}.hero h1>span:nth-child(3){animation-delay:.2s}.hero-dot{color:#9b8b72}.hero-description{max-width:none;padding:0;display:flex;align-items:end;justify-content:space-between;gap:25px}.hero-description>p:first-child{font-size:14px;line-height:1.5;letter-spacing:0}.hero-description .text-link{font-size:12px;flex:none;gap:20px;margin:0}.hero-art{align-self:stretch;display:flex;flex-direction:column;justify-content:center;position:relative;padding:12px 20px 0}.hero-identity{width:100%;aspect-ratio:4/3;height:auto;max-width:620px;margin:auto;transform:translateY(calc(var(--scroll,0)*.045px));will-change:transform}.hero-identity .motion-fallback{filter:brightness(0)}.identity-caption{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);padding:12px 0;border-top:1px solid var(--line)}.identity-caption button{border:0;background:none;padding:0;font-size:10px;color:inherit}.hero-foot{margin-top:34px}.hero-credit{color:var(--muted);font-size:10px;letter-spacing:0;text-transform:none}.hero-foot a span{display:inline-block;animation:arrow-fall 3s var(--ease) infinite}.discipline-band{overflow:hidden;border-block:1px solid var(--line);padding:16px 0;background:#e8e6de;margin-top:8px}.discipline-roll{display:flex;width:max-content;animation:studio-marquee 48s linear infinite}.discipline-roll>span{font-size:clamp(20px,2.2vw,33px);letter-spacing:-.04em;white-space:nowrap;flex:none;padding-right:40px;display:flex;align-items:center;gap:40px}.discipline-roll i{font-size:.8em;letter-spacing:-.12em;font-style:normal;color:#777361} .work{padding:75px 0 65px;max-width:none}.gallery-heading{padding:0 var(--gutter);display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.gallery-heading h2{font-size:clamp(36px,4.2vw,66px);margin-top:16px;letter-spacing:-.06em}.gallery-controls{display:flex;gap:8px;align-items:center;flex:none}.gallery-controls>span{font-size:11px;margin-right:22px;min-width:48px;font-variant-numeric:tabular-nums}.gallery-controls button{height:44px;width:44px;border:1px solid #a5a59e;background:none;border-radius:50%;font-size:22px;line-height:1;transition:background .25s,opacity .25s,transform .25s}.gallery-controls button:hover{background:#fff9;transform:translateX(2px)}.gallery-controls button:disabled{opacity:.3;cursor:default;transform:none}.work-track,.system-track{display:flex;gap:28px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding:0 var(--gutter) 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.work-track::-webkit-scrollbar,.system-track::-webkit-scrollbar{display:none}.work-track.dragging,.system-track.dragging,.client-index.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.work-track>.feature{flex:0 0 min(77vw,1220px);scroll-snap-align:start;min-width:0}.work-track img{-webkit-user-drag:none;user-select:none}.feature-scene{height:clamp(350px,34vw,540px);border-radius:2px}.scene-top{inset:28px 32px auto;font-size:10px}.scene-tag{bottom:26px;left:32px;font-size:10px}.scene-index{position:absolute;right:30px;bottom:22px;font-size:38px;font-weight:400;letter-spacing:-.06em;opacity:.6}.project-media{position:absolute;inset:0;transform:translate3d(calc(var(--drift,0)*1px),0,0);transition:transform .25s ease-out;will-change:transform}.feature-hyam .feature-scene{background:#141a25}.feature-hyam .justice{top:-5%;right:2%;width:47%;height:118%;opacity:1;transform:none;transition:none;animation:justice-drift 9s ease-in-out infinite}.feature-hyam .hyam-signature{width:52%;top:27%;left:8%;filter:drop-shadow(0 4px 18px #141a25);transform:none;transition:none}.feature-hyam:hover .justice,.feature-hyam:hover .hyam-signature{transform:none}.feature-odette .feature-scene{background:#d8deef}.feature-odette .odette-screen{width:85%;max-width:none;left:9%;top:19%;border-radius:0;transform:rotate(-3deg);box-shadow:0 25px 50px #20263e26;transition:transform 1.2s var(--ease)}.feature-odette:hover .odette-screen{transform:rotate(-1deg) translateY(-6px)}.feature-caption{padding:25px 2px 10px;gap:35px}.feature-caption>div:first-child{max-width:720px}.feature-caption h3{font-size:clamp(31px,3vw,46px);letter-spacing:-.055em}.feature-caption p:not(.project-number){max-width:570px;font-size:13px}.project-number{font-size:9px;margin-bottom:12px}.project-side{min-width:190px;display:flex;flex-direction:column;align-items:end;gap:13px;padding-top:3px}.project-status{font-size:10px}.project-status.in-progress:before{background:#8c7851}.project-domain{font-size:10px;color:var(--muted)}.feature-fixabl .feature-scene{background:#2b3990;color:#fff}.fixabl-rule{position:absolute;bottom:0;right:0;width:22%;height:100%;background:#f26522;transform:translateX(calc(var(--drift,0)*-.5px))}.feature-fixabl .fx-home-link{position:absolute;left:12%;top:33%;width:65%}.feature-fixabl .fx-logo-stage{display:block;aspect-ratio:2435/653;width:100%}.replay-project{position:absolute;right:32px;bottom:24px;z-index:2;color:white;background:none;border:0;font-size:10px;border-bottom:1px solid #fff6;padding:4px 0}.feature-kelme .feature-scene{background:#ebe0d7;color:#762446}.kelme-symbol{position:absolute;top:22%;left:10%;width:26%;height:58%;object-fit:contain;animation:kelme-turn 16s ease-in-out infinite}.kelme-specimen{position:absolute;left:41%;top:34%;display:grid;gap:24px}.kelme-specimen>span{font-family:Georgia,serif;font-size:clamp(50px,7.4vw,120px);line-height:1;letter-spacing:-.07em}.kelme-specimen small{font-size:clamp(17px,2.2vw,32px);letter-spacing:.04em;opacity:.65}.gallery-footer{padding:25px var(--gutter) 0;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;font-size:10px;color:var(--muted)}.gallery-footer>span{text-align:right}.gallery-progress{height:1px;background:#d0cec7;position:relative;overflow:hidden}.gallery-progress i{position:absolute;left:0;top:0;height:1px;width:100%;background:var(--ink);transform:scaleX(var(--rail-progress,.25));transform-origin:left;transition:transform .1s linear} .clients{padding:55px 0;background:#e8e6de;border-block:0}.clients h2{font-size:clamp(34px,3.7vw,58px);letter-spacing:-.055em}.client-index{cursor:grab}.client-index article{min-height:240px;flex-basis:clamp(300px,29vw,460px);padding:14px 32px 12px;transition:background .35s}.client-index article:hover{background:#fff5}.client-index h3{font-size:clamp(28px,2.5vw,39px);min-height:70px}.client-index .fixabl-mark{height:38px;width:170px}.client-id{margin-bottom:30px}.client-state{font-size:10px}.clients-foot{padding-top:24px} .systems{padding:85px 0 70px;max-width:none;background:#f4f3ef}.heading-note{font-size:14px;color:var(--muted);margin-top:20px}.system-track{gap:28px}.system-panel{flex:0 0 min(82vw,1300px);scroll-snap-align:start;min-width:0;display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #d6d3ca;background:#f0eee7}.system-art{min-height:520px;padding:30px;position:relative;display:flex;flex-direction:column;overflow:hidden;background:#232c2d;color:#e2e4d8}.system-art>.system-id{color:inherit;font-size:9px;z-index:2}.system-art h3{position:relative;z-index:2;font-size:clamp(80px,9vw,142px);line-height:.92;letter-spacing:-.065em;margin:auto 0}.system-art h3>span{color:#b4bb9f}.system-art-foot{display:flex;justify-content:space-between;gap:20px;position:relative;z-index:2;font-size:9px;opacity:.8}.locus-lines{position:absolute;right:-25%;top:12%;width:80%;height:100%;transform:rotate(28deg);opacity:.2;display:flex;gap:11%;pointer-events:none}.locus-lines i{height:100%;width:1px;background:#e1e7d1;animation:locus-rule 8s var(--ease) infinite alternate}.locus-lines i:nth-child(2n){animation-delay:-3s;height:70%}.locus-lines i:nth-child(3n){animation-delay:-5s}.system-panel-copy{padding:36px 35px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;min-width:0}.system-panel-copy .system-lead{font-size:clamp(25px,2.5vw,38px);line-height:1.1;margin-top:35px;max-width:380px}.system-panel-copy p:not(.system-lead){font-size:13px;line-height:1.65;color:#62646b;margin-top:22px;max-width:430px}.system-panel-copy .development-badge{font-size:9px;color:#64665c}.context-list{display:grid;gap:0}.context-list>span{border-top:1px solid #cccec1;padding:14px 0;font-size:12px;display:flex;justify-content:space-between}.context-list>span:after{content:'↗';color:#7a8070}.lab-panel .system-art{background:#d7d0bd;color:#2b2b24}.lab-panel .system-art h3{font-size:clamp(55px,6vw,93px)}.lab-panel .system-art h3>span{color:#887458}.lab-rules{position:absolute;inset:0;opacity:.16;pointer-events:none}.lab-rules i{position:absolute;width:140%;height:1px;background:#454233;left:-20%;top:27%;transform:rotate(-28deg);animation:lab-rule 12s ease-in-out infinite alternate}.lab-rules i:nth-child(2){top:42%;animation-delay:-2s}.lab-rules i:nth-child(3){top:57%;animation-delay:-4s}.lab-rules i:nth-child(4){top:72%;animation-delay:-6s}.lab-level-list{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:auto}.lab-level-list>span{border-top:1px solid #c9c5b9;font-size:10px;padding:12px 0;display:flex;gap:10px}.lab-level-list b{font-size:9px;color:#8c8572;font-weight:400}.system-panel-copy .text-link{align-self:start;font-size:12px;margin-top:-8px}.systems .gallery-footer{margin-top:0}.system-track .system-panel{--drift:0} .studio{padding-top:75px;padding-bottom:75px}.studio-intro{position:relative}.studio h2{font-size:clamp(48px,5.1vw,80px);line-height:1.02}.studio-stripes{width:100px;height:85px;overflow:hidden;margin-top:35px}.studio-stripes img{width:100%;height:100%;object-fit:contain;filter:brightness(0);animation:stripe-tilt 10s ease-in-out infinite alternate}.studio-copy{padding-top:40px}.studio-copy>p:first-child{font-size:clamp(24px,2.3vw,35px);line-height:1.28;letter-spacing:-.035em}.studio-copy>p:nth-child(2){max-width:560px}.footer-run{height:280px}.footer-identity{width:350px;height:262.5px}.contact-title{transition:letter-spacing .7s var(--ease)}.contact-title:hover{letter-spacing:-.05em} @keyframes hero-line{from{opacity:0;transform:translateY(50px);clip-path:inset(100% 0 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}@keyframes arrow-fall{0%,50%,100%{transform:translateY(0)}65%{transform:translateY(5px)}}@keyframes studio-marquee{to{transform:translateX(-50%)}}@keyframes justice-drift{50%{translate:0 -9px}}@keyframes kelme-turn{0%,100%{rotate:-3deg}50%{rotate:4deg}}@keyframes locus-rule{to{translate:0 15%;scale:1 .7}}@keyframes lab-rule{to{transform:rotate(-16deg) translateY(18px)}}@keyframes stripe-tilt{to{transform:translateY(-6px) rotate(7deg)}} @media(min-width:1600px){.hero{padding-top:180px}.hero-headline{gap:38px}.hero-description{max-width:650px}.hero-art{padding-inline:40px}} @media(max-width:1100px){.hero{padding-top:160px}.hero h1{font-size:11vw}.hero-grid{gap:30px}.hero-description{display:block}.hero-description .text-link{margin-top:16px}.hero-art{padding:0}.system-panel{flex-basis:86vw}.system-panel-copy{padding:30px 27px}.system-art{min-height:500px;padding:26px}.system-art-foot{display:block}.system-art-foot>span{display:block;margin-top:8px}.project-side{min-width:160px}.feature-caption{gap:20px}.feature-caption p:not(.project-number){max-width:490px}} @media(max-width:760px){.hero{padding-top:130px;padding-bottom:24px}.hero-top{margin-bottom:30px}.hero-grid{grid-template-columns:1fr .78fr;gap:10px;align-items:start}.hero h1{font-size:clamp(62px,15.8vw,112px);line-height:.9;letter-spacing:-.075em}.hero-headline{display:contents}.hero h1{grid-column:1;grid-row:1}.hero-art{grid-column:2;grid-row:1;align-self:center;padding:0;transform:translateY(8px)}.hero-identity{width:100%;height:auto;aspect-ratio:4/3;transform:none}.identity-caption{font-size:8px;padding-top:9px;gap:5px}.identity-caption>span{max-width:65px;line-height:1.4}.identity-caption button{font-size:8px;white-space:nowrap}.hero-description{grid-column:1/3;grid-row:2;display:flex;align-items:end;gap:16px;margin-top:24px}.hero-description>p:first-child{font-size:12px;line-height:1.6;max-width:260px;grid-column:auto}.hero-description .text-link{font-size:10px;gap:10px;margin:0;white-space:normal;min-width:85px}.hero-credit{display:none}.hero-foot{margin-top:28px;padding-top:15px}.discipline-band{margin:0;padding:14px 0}.discipline-roll>span{font-size:22px;gap:24px;padding-right:24px}.work{padding:45px 0}.gallery-heading{gap:20px;margin-bottom:25px;align-items:end}.gallery-heading h2{font-size:34px;line-height:1.03;max-width:240px;margin-top:13px}.gallery-heading .eyebrow{font-size:8px}.gallery-controls{gap:6px}.gallery-controls>span{display:none}.gallery-controls button{height:34px;width:34px;font-size:18px}.work-track,.system-track{gap:16px}.work-track>.feature{flex-basis:85vw}.feature-scene,.feature-odette .feature-scene{height:clamp(295px,78vw,420px)}.scene-top{inset:20px 20px auto;font-size:8px;gap:16px}.scene-top>span:last-child{text-align:right;max-width:120px}.scene-tag{left:20px;bottom:20px;font-size:8px;max-width:80%;line-height:1.6}.scene-index{font-size:26px;right:20px;bottom:16px}.feature-hyam .justice{width:70%;right:-14%;top:0;height:110%;opacity:.85}.feature-hyam .hyam-signature{width:73%;left:4%;top:31%}.feature-odette .odette-screen{width:133%;left:4%;top:27%;transform:rotate(-4deg)}.feature-caption{padding:21px 0 3px;display:block}.feature-caption h3{font-size:30px}.feature-caption p:not(.project-number){font-size:12px;max-width:95%;margin-top:12px}.project-number{font-size:8px;margin-bottom:10px}.project-side{margin-top:18px;flex-direction:row;align-items:center;justify-content:space-between;gap:14px;padding:0;min-width:0}.project-status,.project-domain{font-size:8px}.project-domain{text-align:right}.project-status{flex:none}.feature-fixabl .fx-home-link{width:76%;left:10%;top:39%}.fixabl-rule{width:16%}.replay-project{right:20px;bottom:18px;font-size:9px}.kelme-symbol{top:20%;left:6%;width:32%;height:44%}.kelme-specimen{left:38%;top:38%;gap:18px}.kelme-specimen>span{font-size:clamp(38px,10vw,68px)}.kelme-specimen small{font-size:15px;letter-spacing:0}.gallery-footer{padding-top:22px;grid-template-columns:1fr auto;gap:16px;font-size:8px}.gallery-footer p{max-width:210px}.gallery-footer .gallery-progress{grid-row:2;grid-column:1/3}.clients{padding:38px 0}.clients h2{font-size:32px;max-width:240px}.client-index article{flex-basis:78vw;min-height:220px;padding:12px 24px}.client-index h3{font-size:32px;min-height:60px}.clients-foot{padding-top:18px}.systems{padding:48px 0}.heading-note{font-size:12px;max-width:230px;margin-top:16px}.system-panel{flex-basis:85vw;display:flex;flex-direction:column}.system-art{min-height:310px;padding:23px}.system-art h3{font-size:90px;margin-block:auto}.lab-panel .system-art h3{font-size:clamp(52px,14vw,76px)}.system-art-foot{display:flex;font-size:8px;gap:10px}.system-art-foot>span{margin:0;max-width:125px}.system-art-foot>span:last-child{text-align:right}.system-art>.system-id{font-size:8px}.system-panel-copy{padding:27px 23px;gap:25px;flex:1}.system-panel-copy .development-badge{font-size:8px}.system-panel-copy .system-lead{font-size:29px;margin-top:24px}.system-panel-copy p:not(.system-lead){font-size:12px;margin-top:17px}.context-list>span{font-size:11px;padding:14px 0}.lab-level-list{gap:0 12px}.lab-level-list>span{font-size:9px;gap:7px}.system-panel-copy .text-link{font-size:11px;margin-top:0}.studio{padding-block:45px;gap:27px}.studio h2{font-size:50px}.studio-intro{display:grid;grid-template-columns:1fr 70px;align-items:end}.studio-intro>.eyebrow{grid-column:1/3}.studio-stripes{width:70px;height:68px;margin-bottom:3px}.studio-copy{padding:0}.studio-copy>p:first-child{font-size:24px}.footer-run{height:225px}.footer-identity{width:190px;height:142.5px}.footer-run{grid-template-columns:1fr 190px}.footer-details{margin-bottom:40px}} @media(max-width:360px){.hero{padding-top:120px}.hero h1{font-size:56px}.hero-description{display:block}.hero-description>p:first-child{font-size:12px}.hero-description .text-link{margin-top:16px;display:inline-flex}.identity-caption>span{display:none}.identity-caption{justify-content:end}.gallery-heading h2{font-size:29px}.gallery-heading{gap:10px}.gallery-controls button{height:30px;width:30px}.feature-caption h3{font-size:27px}.project-side{display:block}.project-domain{display:block;text-align:left;margin-top:7px}.lab-panel .system-art h3{font-size:47px}.system-art{padding:19px}.system-panel-copy{padding:24px 19px}.system-panel-copy .system-lead{font-size:26px}.footer-run{grid-template-columns:1fr 165px}.footer-identity{width:165px;height:123.75px}} .motion-paused .hero-identity,.motion-paused .project-media{transform:none!important}.motion-paused .feature-odette .odette-screen{transform:rotate(-3deg)!important}.motion-paused .js-ready .reveal{transition:none}.motion-paused .hero h1>span{animation:none;opacity:1;transform:none;clip-path:none} @media(prefers-reduced-motion:reduce){.hero h1>span{opacity:1;clip-path:none;transform:none}.project-media,.hero-identity{transform:none!important}.hero-art .identity-caption button,.replay-project{display:none}.discipline-roll{animation:none}.discipline-roll>span:nth-child(2){display:none}.discipline-band{overflow:hidden}.feature-hyam .justice{translate:0 0}} @media print{.discipline-band,.gallery-controls,.hero-art{display:none}.hero-grid{display:block}.hero h1{font-size:70px;line-height:1}.hero h1>span{display:inline;clip-path:none;opacity:1}.work-track,.system-track{display:block;overflow:visible;padding:0 var(--gutter)}.feature,.system-panel{break-inside:avoid;margin-bottom:30px}.feature-scene{height:300px}.system-panel{display:grid}.system-art{min-height:300px}.gallery-footer{display:none}} .animation-offscreen *,.animation-offscreen{animation-play-state:paused!important} /* Keep the opening compact enough to lead into the work. */ @media(min-width:1101px){.hero{padding-top:153px}.hero h1{font-size:clamp(100px,8.2vw,138px)}.hero-identity{max-width:520px}.hero-art{padding-inline:30px}.hero-headline{gap:30px}.hero-foot{margin-top:28px}} @media(max-width:760px){.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.hero h1{font-size:clamp(48px,14.5vw,100px)}.hero-art{min-width:0}.hero h1>span{white-space:nowrap}.hero-description>p:first-child{font-size:12px}.context-list>span:after{content:none}} @media(max-width:360px){.hero h1{font-size:44px}.hero-description{display:block}} .context-list>span:after{content:none} /* /fixabl-motion.css */ .feature-fixabl .fx-logo-stage{position:relative;overflow:visible}.brand-resting{display:block;width:100%;height:100%;object-fit:contain}.brand-assembly{display:none;position:absolute;inset:0;pointer-events:none}.brand-piece{position:absolute;top:0;height:100%;overflow:hidden;transform-box:fill-box}.brand-piece-f{left:0;width:16.221766%;transform-origin:center}.brand-piece-i{left:16.221766%;width:8.778234%;transform-origin:center}.brand-piece-x{left:25%;width:22%;transform-origin:50% 64%}.brand-piece-rest{left:47%;width:53%}.brand-building .brand-resting{visibility:hidden}.brand-building .brand-assembly{display:block}.brand-building .brand-piece-x{animation:brandXSettle 5s cubic-bezier(.2,.75,.25,1) both infinite}.brand-building .brand-piece-f{animation:brandFSlide 5s cubic-bezier(.18,.8,.25,1) both infinite}.brand-building .brand-piece-i{animation:brandIReveal 5s ease both infinite}.brand-building .brand-piece-rest{animation:brandWordReveal 5s cubic-bezier(.25,.75,.25,1) both infinite}@keyframes brandXSettle{0%,100%{opacity:0;transform:rotate(-90deg) scale(.78)}4%{opacity:1}12%,88%{opacity:1;transform:rotate(0) scale(1)}96%{opacity:0;transform:rotate(8deg) scale(.97)}} @keyframes brandFSlide{0%,3%,100%{opacity:0;transform:translateX(200%) scale(.8)}6%{opacity:1}17%,88%{opacity:1;transform:translateX(0) scale(1)}96%{opacity:0;transform:translateX(-8%)}} @keyframes brandIReveal{0%,9%,100%{opacity:0;transform:translateX(35%)}16%,88%{opacity:1;transform:translateX(0)}96%{opacity:0}} @keyframes brandWordReveal{0%,7%,100%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-12%)}20%,88%{opacity:1;clip-path:inset(0);transform:translateX(0)}96%{opacity:0;clip-path:inset(0);transform:translateX(3%)}} .motion-paused .brand-building .brand-resting{visibility:visible}.motion-paused .brand-building .brand-assembly{display:none} @media(prefers-reduced-motion:reduce){.brand-building .brand-resting{visibility:visible}.brand-building .brand-assembly{display:none}.brand-piece{animation:none!important}} /* /art-direction.css */ /* Photographic studio opening; crisp, platform-independent controls. */ :root{--paper:#f0eee7;--ink:#111522;--line:#cbc8bc;--gutter:clamp(22px,5vw,86px);--signal:#d5e9b5} body{background:var(--paper)}button{-webkit-appearance:none;appearance:none}.ui-icon{display:inline-block;width:22px;height:22px;vertical-align:middle;flex:none;overflow:visible}.text-link,.hero-contact,.email-button,.direct-email{align-items:center}.text-link span{display:inline-flex}.gallery-controls button,.client-controls button{display:grid;place-items:center;min-width:44px;min-height:44px}.gallery-controls button .ui-icon,.client-controls button .ui-icon{width:21px;height:21px}.sheet-close{display:grid;place-items:center;min-height:44px;min-width:44px}.sheet-close .ui-icon{width:20px;height:20px}.replay-project,.replay-brand{display:flex;align-items:center;gap:8px;min-height:44px}.replay-project .ui-icon,.replay-brand .ui-icon{width:16px;height:16px}.send-draft .ui-icon{width:20px;height:20px}.direct-email .ui-icon{width:17px;height:17px;margin-left:6px}.gallery-footer>span{display:flex;align-items:center;justify-content:end;gap:10px}.gallery-footer .ui-icon,.clients-foot .ui-icon{width:18px;height:18px}.footer-bottom .ui-icon{width:15px;height:15px;margin-left:7px}.client-state:before{content:'';display:inline-block;width:4px;height:4px;background:currentColor;border-radius:50%;vertical-align:middle;margin-right:8px;margin-bottom:2px} .site-header .brand-static{width:100px;height:75px}.site-header.compact .brand-static{width:75px;height:56px}.brand-static .wordmark,.compact .brand-static .wordmark{display:block;opacity:1;transform:none;object-fit:contain}.site-header{inset:25px var(--gutter) auto}.nav-glass{padding:7px 10px;background:linear-gradient(135deg,#ffffff8a,#ffffff46);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4)}.nav-glass>a,.nav-glass>button{font-size:12px;min-height:44px;display:flex;align-items:center;justify-content:center}.nav-glass>button span{display:flex;align-items:center;margin-left:15px}.nav-glass .ui-icon{width:17px;height:17px}.site-header.on-dark .nav-glass{color:#fff;background:linear-gradient(135deg,#ffffff30,#ffffff10);border-color:#ffffff50;box-shadow:inset 0 1px #ffffff65,0 7px 30px #00000015}.site-header.on-dark .nav-glass>button{background:#ffffff15}.site-header.on-dark .wordmark{filter:none} .cinema-hero{position:relative;isolation:isolate;min-height:830px;height:min(950px,100svh);max-width:none;padding:150px var(--gutter) 28px;background:#111522;color:#f5f2e9;overflow:hidden;display:flex;flex-direction:column}.hero-photograph{position:absolute;inset:0 0 0 29%;z-index:-3;overflow:hidden}.hero-photograph img{height:100%;width:100%;max-width:none;object-fit:cover;object-position:58% 55%;animation:photograph-drift 24s ease-in-out infinite alternate;transform-origin:60% 60%}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#111522 0%,#111522f5 24%,#11152275 49%,#11152205 77%),linear-gradient(0deg,#111522e0 0%,transparent 35%,#11152220 80%,#11152290)}.hero-copy{position:relative;flex:1;display:flex;flex-direction:column;align-items:start;justify-content:center;padding-bottom:30px;max-width:660px}.hero-copy>.eyebrow{font-size:10px;color:#e3e4e4;letter-spacing:.12em;margin-bottom:32px}.cinema-hero h1{margin:0;line-height:1;width:min(440px,32vw);font-size:inherit}.cinema-hero h1 img{width:100%;height:auto;animation:wordmark-arrival 1.35s var(--ease) both}.hero-statement{font:400 clamp(27px,2.7vw,43px)/1.03 Arial,sans-serif;letter-spacing:-.045em;margin-top:30px;color:#f2f0ea}.hero-introduction{display:flex;align-items:end;gap:45px;margin-top:25px}.hero-introduction p{font-size:11px;color:#d4d6dc;line-height:1.65;max-width:240px}.hero-contact{display:inline-flex;gap:20px;background:none;border:0;border-bottom:1px solid #ffffff80;padding:8px 0;font-size:11px;white-space:nowrap;color:inherit}.hero-contact .ui-icon{width:20px;height:20px}.cinema-hero .hero-foot{margin:0;padding:20px 0 0;border-color:#ffffff40;position:relative;display:flex;flex:none;gap:25px;font-size:10px}.cinema-hero .hero-foot a{display:flex;align-items:center;gap:20px}.cinema-hero .hero-foot a span{margin:0;animation:none}.cinema-hero .hero-credit{font-size:10px;color:#d3d6dc}.motion-toggle{display:inline-flex;align-items:center;gap:10px;color:inherit;min-height:44px;padding:6px 0;font-size:10px}.motion-icon{display:flex}.motion-icon .ui-icon{width:16px;height:16px}.hero-shutters{position:absolute;inset:0;z-index:-1;display:flex;pointer-events:none}.hero-shutters i{width:20%;height:100%;background:#111522;transform-origin:top;animation:shutter-open 1.6s var(--ease) both}.hero-shutters i:nth-child(2){animation-delay:.08s}.hero-shutters i:nth-child(3){animation-delay:.16s}.hero-shutters i:nth-child(4){animation-delay:.24s}.hero-shutters i:nth-child(5){animation-delay:.32s} .discipline-band{background:var(--signal);border:0;padding:21px 0;color:#1b2b20}.discipline-roll>span{font-size:clamp(22px,2.4vw,38px);gap:50px;padding-right:50px}.discipline-roll i{color:#4c654a}.work{background:#111522;color:#f5f2e9;padding-top:82px;padding-bottom:65px}.work .gallery-heading{margin-bottom:38px}.work .gallery-heading .eyebrow{color:#b5bdc8}.work .gallery-heading h2{font-size:clamp(45px,6vw,94px);letter-spacing:-.065em}.work .gallery-controls button{border-color:#ffffff55;color:#f5f2e9}.work .gallery-controls button:hover{background:#ffffff12}.work-track{gap:25px}.work-track>.feature{flex-basis:min(81vw,1300px)}.feature-scene{border-radius:0;height:clamp(390px,36vw,570px)}.feature-hyam .feature-scene{background:#1b2334}.feature-caption{padding:28px 0 15px}.work .feature-caption h3{font-size:clamp(32px,3.4vw,53px)}.work .feature-caption p:not(.project-number){font-size:14px;color:#bfc4cd;max-width:620px;line-height:1.65}.work .project-number,.work .project-domain{color:#b2bac8}.work .project-status:before{background:#c6dcb0}.work .project-status.in-progress:before{background:#cbbd92}.work .gallery-footer{color:#b2bac8}.work .gallery-progress{background:#ffffff25}.work .gallery-progress i{background:#d5e9b5}.feature-fixabl .fixabl-rule{background:#f26522}.feature-kelme .feature-scene{background:#e9dfd6}.feature-odette .feature-scene{background:#c8d0ee}.feature-odette .odette-screen{transform:rotate(-2deg)} .clients{background:#f0eee7;padding:65px 0 55px}.clients h2{font-size:clamp(38px,4.5vw,70px)}.clients-top{margin-bottom:38px}.client-index article{flex-basis:clamp(300px,30vw,470px);min-height:230px}.client-index h3{font-size:clamp(31px,2.7vw,42px)}.client-index article:hover{background:#e6e8db}.clients-foot{font-size:10px}.systems{background:#dfe3d9;border-top:1px solid #d1d5cb;padding-top:70px}.systems .gallery-heading h2{font-size:clamp(40px,4.8vw,75px);max-width:820px}.heading-note{color:#555e55}.system-panel{border:0;background:#f0f0e7}.system-art{background:#24342f}.system-panel .system-art h3{font-weight:500}.lab-panel .system-art{background:#d8cbb9}.system-panel-copy{padding:42px 40px}.locus-lines{opacity:.35}.lab-rules{opacity:.2}.studio{background:#f0eee7;border-top:0}.studio h2{font-size:clamp(52px,5.6vw,88px)}.studio-stripes{width:110px;height:100px}.practice-list>div{padding:19px 0}.footer-run{height:360px;grid-template-columns:1fr 420px 1fr}.footer-identity{width:420px;height:315px;position:relative}.identity-vector{display:block;width:100%;height:100%;overflow:visible}.brand-motion:not(.motion-ready) .identity-vector{display:none}.footer-identity .motion-fallback{position:absolute;inset:0}.footer-identity.motion-ready .motion-fallback{display:none}.motion-signature>span:last-child{font-size:14px}.contact-title>span .ui-icon{width:85px;height:85px;stroke-width:1}.footer-details .email-button{min-height:44px}.contact-sheet h2 em{font-style:normal}.contact-sheet{border-radius:18px} @keyframes photograph-drift{from{transform:scale(1.025) translate3d(0,0,0)}to{transform:scale(1.085) translate3d(-1%,.5%,0)}}@keyframes wordmark-arrival{from{opacity:0;transform:translateY(22px);clip-path:inset(100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes shutter-open{from{transform:scaleY(1)}to{transform:scaleY(0)}} @media(max-width:1100px){.cinema-hero{min-height:780px;height:95svh;padding-top:145px}.cinema-hero h1{width:350px;max-width:43vw}.hero-copy{max-width:540px}.hero-introduction{gap:30px}.hero-photograph{left:20%}.hero-shade{background:linear-gradient(90deg,#111522f5,#111522cc 24%,#11152220 75%),linear-gradient(0deg,#111522d0,transparent 45%)}.hero-statement{font-size:34px}.footer-run{grid-template-columns:1fr 350px 1fr}.footer-identity{width:350px;height:262.5px}} @media(max-width:760px){.site-header{inset:17px 20px auto;align-items:center}.site-header .brand-static{width:61px;height:46px}.site-header.compact .brand-static{width:54px;height:41px}.nav-glass{max-width:calc(100vw - 108px);padding:3px;gap:0}.nav-glass>a,.nav-glass>button{font-size:10px;padding:9px 10px;min-height:44px}.compact .nav-glass{padding:3px;gap:0}.compact .nav-glass>a,.compact .nav-glass>button{padding:9px 10px}.site-header.compact{inset:10px 17px auto}.nav-glass>button span{display:none}.cinema-hero{height:calc(100svh - 8px);min-height:740px;max-height:900px;padding:113px 24px 15px}.hero-photograph{inset:0}.hero-photograph img{object-position:47% 100%;object-fit:cover;animation-duration:28s}.hero-shade{background:linear-gradient(180deg,#111522f5 0%,#111522d0 28%,#11152215 63%,#11152260 76%,#111522f0 100%),linear-gradient(90deg,#11152265,transparent 80%)}.hero-copy{padding-bottom:0;max-width:none;flex:1;justify-content:start}.hero-copy>.eyebrow{font-size:8px;letter-spacing:.08em;max-width:250px;line-height:1.5;margin-bottom:26px}.cinema-hero h1{width:clamp(210px,65vw,335px);max-width:75vw}.hero-statement{font-size:27px;line-height:1.05;margin-top:21px;letter-spacing:-.035em}.hero-introduction{margin-top:auto;margin-bottom:18px;gap:20px;justify-content:space-between;width:100%;align-items:end}.hero-introduction p{font-size:9px;max-width:190px;color:#f1f1f0}.hero-contact{font-size:10px;gap:10px;white-space:normal;max-width:120px;line-height:1.4}.hero-contact span{display:flex}.cinema-hero .hero-foot{padding-top:11px;font-size:8px;gap:15px;min-height:45px}.cinema-hero .hero-foot a{gap:12px}.cinema-hero .hero-foot .ui-icon{width:17px;height:17px}.cinema-hero .hero-credit{display:none}.motion-toggle{font-size:9px;gap:8px}.motion-icon .ui-icon{width:14px;height:14px}.discipline-band{padding:18px 0}.discipline-roll>span{font-size:24px;gap:30px;padding-right:30px}.work{padding:46px 0}.work .gallery-heading{margin-bottom:26px}.work .gallery-heading h2{font-size:44px;line-height:1;max-width:200px}.gallery-heading{gap:18px}.gallery-controls{gap:7px}.gallery-controls button,.client-controls button{width:44px;height:44px}.work-track>.feature{flex-basis:86vw}.work-track{gap:15px}.feature-scene,.feature-odette .feature-scene{height:clamp(310px,84vw,450px)}.feature-caption{padding-top:23px}.work .feature-caption h3{font-size:31px}.work .feature-caption p:not(.project-number){font-size:12px;line-height:1.6}.project-side{margin-top:20px;gap:12px}.project-status,.project-domain{font-size:8px}.work .gallery-footer{padding-top:25px;font-size:8px}.feature-odette .odette-screen{top:23%;left:5%;width:125%}.feature-hyam .hyam-signature{top:34%}.feature-hyam .justice{right:-13%;top:-2%}.scene-top{font-size:8px}.clients{padding:42px 0}.clients h2{font-size:36px;max-width:210px}.client-index article{flex-basis:80vw;padding-inline:23px;min-height:220px}.client-index h3{font-size:31px}.clients-top{gap:12px}.clients-foot{font-size:9px}.client-controls{gap:7px}.systems{padding:48px 0}.systems .gallery-heading h2{font-size:36px;max-width:240px}.heading-note{font-size:12px}.system-panel{flex-basis:86vw}.system-panel-copy{padding:28px 23px}.system-art{min-height:300px}.system-art h3{font-size:92px}.lab-panel .system-art h3{font-size:clamp(48px,13.5vw,70px)}.studio h2{font-size:49px}.studio-stripes{width:70px;height:70px}.footer-run{height:275px;grid-template-columns:1fr 210px;gap:14px}.footer-identity{width:210px;height:157.5px}.motion-signature>span:last-child{font-size:10px}.replay-brand{bottom:12px}.contact-title>span .ui-icon{width:36px;height:36px;stroke-width:1.6}.footer-details{font-size:14px}.contact-sheet{margin:9px;width:calc(100vw - 18px);max-height:calc(100dvh - 18px);padding:58px 25px 26px}.contact-sheet h2{font-size:46px}} @media(max-width:370px){.nav-glass{max-width:calc(100vw - 98px)}.nav-glass>a,.nav-glass>button,.compact .nav-glass>a,.compact .nav-glass>button{padding:8px;font-size:9px}.site-header{inset:15px 16px auto}.site-header .brand-static{width:53px;height:40px}.cinema-hero{padding-inline:21px;min-height:700px}.hero-copy>.eyebrow{max-width:220px}.cinema-hero h1{width:220px}.hero-statement{font-size:25px}.hero-introduction{gap:14px}.hero-introduction p{font-size:8px}.hero-contact{font-size:9px;max-width:105px}.gallery-heading h2,.work .gallery-heading h2{font-size:36px}.gallery-controls button,.client-controls button{width:42px;height:44px;min-width:42px}.clients h2{font-size:31px}.systems .gallery-heading h2{font-size:31px}.footer-run{grid-template-columns:1fr 180px}.footer-identity{width:180px;height:135px}.contact-title>span .ui-icon{width:30px;height:30px}} .motion-paused .hero-shutters{display:none}.motion-paused .cinema-hero h1 img{animation:none;opacity:1;transform:none;clip-path:none} @media(prefers-reduced-motion:reduce){.hero-shutters{display:none}.cinema-hero h1 img{opacity:1;transform:none;clip-path:none}.hero-photograph img{animation:none}.replay-brand{display:none}} @media print{.cinema-hero{height:auto;min-height:0;background:#111522;padding:40px}.hero-shutters{display:none}.hero-copy{padding:0}.hero-statement{margin-bottom:25px}.hero-introduction{display:none}.work{background:white;color:black}.work .feature-caption p:not(.project-number),.work .project-number,.work .project-domain{color:#444}} @media(min-width:761px){.hero-photograph{left:12%}.hero-photograph img{object-position:58% 100%}} @media(max-width:760px){.hero-copy>.eyebrow{font-size:9px;max-width:295px}.hero-introduction p{font-size:11px;line-height:1.5;max-width:195px}.hero-contact{font-size:11px}.cinema-hero .hero-foot{font-size:9px}.nav-glass>a,.nav-glass>button{font-size:11px;padding-inline:10px}.site-header.compact .brand-static{display:none}.site-header.compact{justify-content:center;inset:10px 18px auto}.compact .nav-glass{width:100%;max-width:420px;justify-content:space-between}.compact .nav-glass>a,.compact .nav-glass>button{font-size:11px;padding-inline:14px}.compact .nav-glass>a[href="#studio"]{display:flex}.work .feature-caption p:not(.project-number){font-size:13px}} @media(max-width:370px){.nav-glass>a,.nav-glass>button{font-size:10px;padding-inline:8px}.compact .nav-glass>a,.compact .nav-glass>button{font-size:10px;padding-inline:10px}.hero-introduction p{font-size:10px}.hero-contact{font-size:10px}} @media(max-width:760px){.footer-run{height:auto;min-height:340px;grid-template-columns:1fr;gap:0;padding:26px 0 48px}.footer-run .motion-signature{display:flex;justify-content:space-between;align-items:center;gap:20px}.motion-signature>.eyebrow,.motion-signature>span:last-child{max-width:none;font-size:9px}.footer-identity{width:100%;max-width:340px;aspect-ratio:4/3;height:auto}.replay-brand{bottom:6px}.identity-vector{height:auto;aspect-ratio:4/3}} /* Squarespace voice: the collective declaration leads the original wordmark. */ .cinema-hero h1>.hero-declaration{display:block;font:400 20px/1.2 Arial,sans-serif;letter-spacing:.11em;margin:0 0 20px;animation:none;opacity:1;transform:none;clip-path:none}.hero-statement{font-size:clamp(27px,2.6vw,41px)}.studio-intro{display:block}.studio h2{font-size:clamp(40px,4.4vw,70px);line-height:1.07;letter-spacing:-.055em}.studio-authorship{font-size:12px;color:var(--muted);margin-top:23px;max-width:490px}.studio-stripes{margin-top:30px}.systems .gallery-heading h2{max-width:850px} @media(max-width:760px){.cinema-hero h1>.hero-declaration{font-size:16px;margin-bottom:18px;letter-spacing:.09em}.cinema-hero h1{margin-top:12px}.hero-statement{font-size:25px;margin-top:24px}.hero-introduction p{font-size:12px}.studio h2{font-size:clamp(33px,9.8vw,52px)}.studio-stripes{width:65px;height:60px}.studio-authorship{font-size:12px}.clients h2{font-size:34px}.systems .gallery-heading h2{font-size:34px}.systems .gallery-heading{align-items:end}.hero-copy{padding-top:6px}} @media(max-width:370px){.hero-statement{font-size:23px}.hero-introduction p{font-size:11px}.clients h2,.systems .gallery-heading h2{font-size:29px}.studio h2{font-size:32px}} /* /collection.css */ /* A single body of work, expressed through each original identity. */ .collection .gallery-heading{align-items:end;margin-bottom:28px}.collection .gallery-heading h2{font-size:clamp(40px,5.3vw,82px);max-width:900px}.collection-intro{font-size:14px;line-height:1.65;color:#bfc4cd;margin-top:20px}.collection-index{display:flex;overflow:auto;gap:5px;padding:0 var(--gutter) 20px;margin-bottom:8px;scrollbar-width:thin;scrollbar-color:#5c6572 transparent;overscroll-behavior-x:contain}.collection-index button{flex:none;display:flex;align-items:center;gap:10px;background:transparent;color:#c0c6d0;border:1px solid #ffffff22;border-radius:99px;padding:12px 18px;min-height:44px;font-size:11px;transition:background .3s,color .3s,border-color .3s}.collection-index button span{font-size:9px;opacity:.55}.collection-index button[aria-pressed=true]{background:#d5e9b5;color:#16231b;border-color:#d5e9b5}.collection-index button:hover{border-color:#d5e9b5}.collection .feature-scene{isolation:isolate}.logo-stage{position:absolute;inset:16% 12%;display:flex;align-items:center;justify-content:center}.logo-stage img{width:100%;height:100%;object-fit:contain}.feature-cyclamen .feature-scene{background:#243e3b;color:#f6f3e9}.cyclamen-stage{inset:16% 24%;animation:identity-breathe 9s ease-in-out infinite alternate}.feature-locus .feature-scene{background:#f1f3f5;color:#1d2229}.locus-stage{inset:15% 18% 25%;gap:6%}.locus-stage .locus-symbol{width:35%;height:auto;animation:locus-revolve 36s linear infinite}.locus-stage .locus-wordmark{width:58%;height:auto}.locus-contexts{position:absolute;bottom:17%;left:22%;right:22%;display:flex;justify-content:space-between;gap:20px;color:#535d6c;font-size:12px}.feature-lab .feature-scene{background:#202133;color:#faf7f1}.lab-stage{inset:19% 18% 23%;z-index:1}.lab-spectrum{position:absolute;inset:auto 0 0;height:8px;display:flex}.lab-spectrum i{width:25%;background:linear-gradient(135deg,#d46ee8,#ff4f5e)}.lab-spectrum i:nth-child(2){background:linear-gradient(135deg,#9fea5a,#ddf15f)}.lab-spectrum i:nth-child(3){background:linear-gradient(135deg,#59cddd,#9188e5)}.lab-spectrum i:nth-child(4){background:linear-gradient(135deg,#f1b559,#f179a5)}.feature-alex .feature-scene{background:#151918;color:#f0f1ee}.artist-stage{position:absolute;inset:22% 9%;display:flex;justify-content:center;flex-direction:column;gap:35px}.artist-name{font:500 clamp(54px,8vw,128px)/1.1 ArtistSans,Arial,sans-serif;letter-spacing:-.065em;white-space:nowrap}.artist-name em{font-family:ArtistSerif,Georgia,serif;font-style:normal;letter-spacing:-.045em}.artist-disciplines{border-block:1px solid #ffffff30;display:flex;justify-content:space-between;padding:18px 0;color:#d1ef87;font-size:13px}.feature-aaqoura .feature-scene{background:#902022}.aaqoura-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;z-index:-1}.feature-aaqoura .scene-top,.feature-aaqoura .scene-tag{background:#551316b3;padding:5px 9px;backdrop-filter:blur(10px);width:max-content;max-width:80%}.feature-aaqoura .scene-top{display:none}.feature-timeless .feature-scene{background:#d8dbca;color:#263b30}.timeless-stage{position:absolute;inset:17% 10%;display:flex;flex-direction:column;justify-content:center;gap:25px}.timeless-stage>span{font:400 clamp(48px,7vw,110px)/.95 Georgia,serif;letter-spacing:-.055em}.timeless-stage em{font-style:italic}.timeless-stage small{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.collection .feature-caption{min-height:180px}.collection .project-side{max-width:220px}.collection .project-status{white-space:normal;line-height:1.5}.project-credit{font-size:10px!important;color:#939daa!important;margin-top:14px!important}.nav-glass>a[href="#studio"]{display:flex} @keyframes locus-revolve{to{transform:rotate(360deg)}}@keyframes identity-breathe{to{transform:translateY(-6px)}} .motion-paused .locus-symbol,.motion-paused .cyclamen-stage{animation:none!important} @media(max-width:760px){.collection .gallery-heading{display:flex;align-items:end;gap:10px}.collection .gallery-heading h2{font-size:38px;max-width:230px}.collection .gallery-heading .eyebrow{font-size:8px;max-width:210px}.collection-intro{font-size:12px;max-width:230px}.collection-intro br{display:none}.collection-index{gap:6px;margin-bottom:2px;padding-bottom:18px}.collection-index button{padding:11px 14px;font-size:11px}.collection .gallery-controls{gap:5px}.collection .gallery-controls button{width:40px;min-width:40px}.collection .feature-caption{min-height:235px}.cyclamen-stage{inset:17% 12%}.locus-stage{inset:16% 19% 26%;flex-direction:column;gap:12%}.locus-stage .locus-symbol{width:55%;max-height:58%}.locus-stage .locus-wordmark{width:76%;max-height:28%}.locus-contexts{left:14%;right:14%;font-size:10px;bottom:16%;gap:10px}.lab-stage{inset:21% 9% 24%}.artist-stage{inset:25% 9%}.artist-name{font-size:clamp(31px,9.8vw,70px);white-space:nowrap}.artist-disciplines{font-size:11px;padding-block:13px}.timeless-stage>span{font-size:54px}.timeless-stage small{font-size:8px}.collection .project-side{max-width:none}.collection .gallery-footer{font-size:9px}.project-credit{font-size:10px!important}.nav-glass{max-width:calc(100vw - 110px)}.compact .nav-glass{width:auto;min-width:265px;gap:12px}.site-header.compact{justify-content:flex-end}} @media(max-width:370px){.collection .gallery-heading h2{font-size:32px}.collection .gallery-controls{gap:3px}.collection .gallery-controls button{min-width:35px;width:35px}.collection-intro{font-size:11px}.artist-name{font-size:30px}.compact .nav-glass{min-width:245px}} @media(prefers-reduced-motion:reduce){.locus-symbol,.cyclamen-stage{animation:none!important}} .lab-lockup{display:flex;flex-direction:column;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(58px,7.6vw,120px);line-height:.8;letter-spacing:-.075em;width:100%}.lab-lockup span{font-size:.42em;line-height:1;margin-bottom:5px}.lab-lockup strong{font-weight:700}.lab-lockup strong:last-child{margin-top:6px}.lab-stage{inset:21% 13% 23%} @media(max-width:760px){.lab-lockup{font-size:clamp(41px,11.5vw,75px)}.lab-stage{inset:22% 10% 24%}} /* /engagement.css */ /* Identity stays visible as the glass navigation contracts. */ .brand-scroll{color:#111522;width:112px;height:84px;filter:drop-shadow(0 1px 8px #ffffff18);transform-origin:left center;transition:width .5s var(--ease),height .5s var(--ease),color .3s}.site-header.on-dark .brand-scroll{color:#fff;filter:drop-shadow(0 2px 9px #0005)}.site-header.compact .brand-scroll{display:block;width:96px;height:72px}.brand-scroll .wordmark{opacity:1;transform:none;filter:brightness(0)}.on-dark .brand-scroll .wordmark{filter:none}.scroll-identity{display:none;width:100%;height:100%;overflow:visible}.scroll-ready .scroll-identity{display:block}.scroll-ready .scroll-fallback{display:none}.site-header.compact{align-items:center}.site-header{align-items:center}.brand-scroll:focus-visible{outline-offset:4px;border-radius:6px} .offer{padding-top:65px;padding-bottom:35px;background:#f0eee7;max-width:none}.offer-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:42px}.offer-heading h2{font-size:clamp(42px,5vw,75px);letter-spacing:-.06em;margin-top:15px}.offer-heading>p{font-size:13px;line-height:1.6;color:#5b6066;max-width:380px}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.offer-card{border-top:1px solid #9da298;padding-top:22px;display:flex;flex-direction:column;position:relative}.offer-card:before{content:'';height:2px;position:absolute;inset:-1px 0 auto;background:#243e3b;transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}.offer-card:hover:before,.offer-card:focus-within:before{transform:scaleX(1)}.offer-number{font-size:9px;letter-spacing:.06em;color:#667064;text-transform:uppercase}.offer-card h3{font-size:clamp(29px,3vw,45px);letter-spacing:-.055em;line-height:1.15;margin:26px 0 16px}.offer-card>p{font-size:14px;line-height:1.6;color:#555c61;max-width:345px}.offer-card ul{list-style:none;padding:0;margin:25px 0 24px}.offer-card li{padding:9px 0;border-bottom:1px solid #d5d5cb;font-size:12px;line-height:1.5}.offer-link{display:flex;align-items:center;justify-content:space-between;gap:18px;background:none;border:0;padding:12px 0;min-height:44px;text-align:left;font-size:12px;color:#15261c;margin-top:auto}.offer-link svg{width:18px;height:18px;transition:transform .35s var(--ease)}.offer-link:hover svg{transform:translate(3px,-3px)}.offer-foot{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #cbcfc4;margin-top:37px;padding-top:20px;font-size:10px;color:#626b62}.working-together{margin-top:36px}.working-together>.eyebrow{margin-bottom:18px}.working-together details{border-top:1px solid #c5c9bf}.working-together details:last-child{border-bottom:1px solid #c5c9bf}.working-together summary{display:flex;align-items:center;gap:18px;list-style:none;cursor:pointer;padding:20px 0;font-size:16px;line-height:1.4;min-height:56px}.working-together summary::-webkit-details-marker{display:none}.working-together summary>span{font-size:9px;color:#7a8278}.working-together summary svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.3;margin-left:auto;flex:none;transition:transform .35s}.working-together details[open] summary svg{transform:rotate(45deg)}.working-together details p{padding:0 30px 22px;font-size:13px;line-height:1.7;color:#59615a;max-width:530px;animation:process-open .35s ease both}.working-together summary:focus-visible{outline:2px solid #375744;outline-offset:3px}.studio-copy .studio-authorship{font-size:14px;line-height:1.65;max-width:550px}.collection .project-credit{color:#b3bbc5!important}.offer,.studio{scroll-margin-top:100px} @keyframes process-open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}} @media(max-width:760px){.site-header,.site-header.compact{inset:12px 18px auto;justify-content:space-between;gap:12px}.site-header .brand-scroll,.site-header.compact .brand-scroll{display:block;width:69px;height:52px}.nav-glass,.compact .nav-glass{min-width:0;width:auto;max-width:calc(100vw - 110px);gap:0;flex:none;padding:3px}.nav-glass>a,.nav-glass>button,.compact .nav-glass>a,.compact .nav-glass>button{font-size:10px;padding-inline:13px;min-height:44px}.offer{padding:42px 24px 28px}.offer-heading{display:block;margin-bottom:30px}.offer-heading h2{font-size:44px}.offer-heading>p{font-size:12px;margin-top:18px}.offer-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:24px;margin-inline:-24px;padding:0 24px 12px;scroll-padding-left:24px;scrollbar-width:thin;scrollbar-color:#80917f transparent}.offer-card{flex:0 0 85%;scroll-snap-align:start;padding-top:18px}.offer-card h3{font-size:34px;margin:22px 0 14px}.offer-card>p{font-size:13px;max-width:310px}.offer-card ul{margin-block:19px}.offer-card li{font-size:12px}.offer-link{font-size:12px}.offer-foot{font-size:9px;line-height:1.5;display:block;margin-top:25px}.offer-foot>span{display:block}.offer-foot>span+span{margin-top:8px}.working-together summary{font-size:15px;gap:14px}.working-together details p{font-size:13px;padding-left:25px;padding-right:10px}.studio-copy .studio-authorship{font-size:13px}.offer-grid:after{content:'';flex:0 0 1px}.offer-heading .eyebrow:after{content:' / Scroll to explore';text-transform:none;letter-spacing:0}.site-header.on-dark .brand-scroll{filter:drop-shadow(0 1px 5px #0008)}} @media(max-width:370px){.site-header,.site-header.compact{inset:12px 14px auto;gap:8px}.site-header .brand-scroll,.site-header.compact .brand-scroll{width:61px;height:46px}.nav-glass,.compact .nav-glass{max-width:calc(100vw - 97px)}.nav-glass>a,.nav-glass>button,.compact .nav-glass>a,.compact .nav-glass>button{padding-inline:10px;font-size:10px}.offer-card h3{font-size:31px}.offer-grid{gap:22px}} .motion-paused .working-together details p{animation:none}@media(prefers-reduced-motion:reduce){.working-together details p{animation:none}.brand-scroll,.offer-link svg,.offer-card:before{transition:none}}@media print{.offer-grid{display:grid}.offer-card{break-inside:avoid}.offer-link{display:none}.working-together details p{display:block}} /* The identity belongs to the glass island, so it never floats over body text. */ .site-header,.site-header.compact{justify-content:flex-end;align-items:center}.site-header .nav-glass{align-items:center}.site-header .nav-glass>.brand-scroll,.site-header.compact .nav-glass>.brand-scroll{display:block;width:78px;height:58px;min-height:0;padding:0;margin:0 10px 0 2px;max-width:none;flex:none;filter:none}.site-header.compact .nav-glass>.brand-scroll{width:67px;height:50px;margin-right:8px}.site-header .nav-glass>.brand-scroll:after{content:none}.scroll-identity>path{stroke:currentColor;stroke-width:.35;stroke-linejoin:round}.site-header.on-dark .brand-scroll{color:#fff}.site-header:not(.on-dark) .brand-scroll{color:#111522}.site-header.compact .nav-glass{gap:0}.nav-glass>.brand-scroll:focus-visible{outline:1px solid currentColor} @media(max-width:760px){.site-header,.site-header.compact{inset:12px 16px auto}.nav-glass,.compact .nav-glass{max-width:calc(100vw - 32px);min-width:0;padding:4px 6px;width:auto;gap:0}.site-header .nav-glass>.brand-scroll,.site-header.compact .nav-glass>.brand-scroll{width:66px;height:49px;margin:0 7px 0 3px}.nav-glass>a:not(.brand),.nav-glass>button,.compact .nav-glass>a:not(.brand),.compact .nav-glass>button{padding-inline:14px;font-size:11px}.hero-copy{padding-top:14px}} @media(max-width:370px){.site-header,.site-header.compact{inset:10px 12px auto}.nav-glass,.compact .nav-glass{max-width:calc(100vw - 24px);padding:3px 5px}.site-header .nav-glass>.brand-scroll,.site-header.compact .nav-glass>.brand-scroll{width:61px;height:46px;margin:0 4px 0 2px}.nav-glass>a:not(.brand),.nav-glass>button,.compact .nav-glass>a:not(.brand),.compact .nav-glass>button{padding-inline:11px;font-size:10px}} /* /visual-studio.css */ /* Original image and identity material, given room to move. */ .linework-hero{display:grid;grid-template-columns:1fr 1.25fr;column-gap:6%;height:auto;min-height:min(900px,100svh);padding-top:150px;padding-bottom:28px;background:#12151a}.linework-hero .hero-photograph{inset:0}.linework-hero .hero-photograph img{object-position:center 60%;opacity:.7}.linework-hero .hero-shade{background:linear-gradient(90deg,#0d1019ee,#0d101970 55%,#0d101930),linear-gradient(0deg,#111522e0,transparent 50%)}.linework-hero .hero-copy{max-width:none;padding:20px 0 60px}.linework-hero h1{width:min(340px,30vw);max-width:none}.linework-hero .hero-statement{font-size:clamp(25px,2.5vw,39px)}.linework-hero .hero-introduction{flex-wrap:wrap;gap:15px 35px}.linework-hero .hero-foot{grid-column:1/-1}.hero-identity{width:100%;position:relative;align-self:center;color:#f7f4ed;aspect-ratio:4/3;filter:drop-shadow(0 2px 12px #0006)}.hero-identity .identity-vector{width:100%;height:100%}.hero-identity.motion-ready>.motion-fallback{display:none}.hero-identity>.motion-fallback{width:100%;height:100%;object-fit:contain}.identity-caption{display:block;text-align:center;font-size:10px;letter-spacing:.13em;text-transform:uppercase;position:absolute;bottom:2%;left:0;right:0;color:#e4e0d5}.nav-glass{overflow:visible;isolation:isolate;box-shadow:inset 0 1px 1px #fff9,inset 0 -1px 1px #ffffff35,0 8px 35px #11152213;backdrop-filter:blur(26px) saturate(1.65);-webkit-backdrop-filter:blur(26px) saturate(1.65)}.nav-glass>a:not(.brand),.nav-glass>button{position:relative;z-index:2;transition:transform .4s var(--ease),color .3s;background:transparent!important}.nav-glass>a:not(.brand):hover,.nav-glass>button:hover,.nav-glass>a:not(.brand):focus-visible,.nav-glass>button:focus-visible{transform:translateY(-2px) scale(1.06)}.nav-lens{position:absolute;left:0;top:7px;bottom:7px;border-radius:99px;pointer-events:none;z-index:1;background:linear-gradient(130deg,#ffffffb0,#ffffff30);border:1px solid #ffffffa0;box-shadow:inset 0 1px 2px #fff,0 6px 17px #171a3020;opacity:0;transition:transform .45s var(--ease),width .45s var(--ease),opacity .2s}.nav-glass.lens-active .nav-lens{opacity:1}.nav-glass.lens-active .nav-indicator{opacity:0}.on-dark .nav-lens{background:linear-gradient(130deg,#ffffff50,#ffffff12);border-color:#ffffff70}.offer{padding-block:80px 40px}.offer-card{border:0;padding-top:0}.offer-card:before{display:none}.offer-art{height:clamp(230px,24vw,360px);overflow:hidden;isolation:isolate;position:relative;margin-bottom:24px;color:#f6f2e9;background:#111522}.art-label,.art-bottom{position:absolute;left:23px;right:23px;font-size:10px;line-height:1.4;z-index:3}.art-label{top:24px}.art-bottom{bottom:24px}.original-art{background:#252438}.art-word{position:absolute;left:23px;top:23%;font:400 clamp(44px,5vw,76px)/.91 Georgia,serif;letter-spacing:-.06em;z-index:2}.art-word em{font-style:italic}.art-stripes{position:absolute;right:-12%;bottom:6%;width:62%;height:65%;object-fit:contain;opacity:.4;animation:stripe-turn 13s ease-in-out infinite alternate}.commission-surface{position:absolute;width:120%;height:120%;max-width:none;left:-10%;top:-10%;object-fit:cover;filter:brightness(.7) saturate(1.15);animation:surface-drift 15s ease-in-out infinite alternate}.studio-lockup{position:absolute;left:20%;width:60%;height:60%;top:16%;object-fit:contain}.systems-art{background:#e7e9e7;color:#202733}.systems-symbol{position:absolute;top:12%;left:33%;width:34%;height:48%;display:grid;place-items:center}.systems-symbol img{height:100%;width:100%;animation:locus-revolve 40s linear infinite}.systems-wordmark{position:absolute;width:45%;height:18%;object-fit:contain;left:27.5%;top:60%}.systems-art .art-bottom{text-align:center}.studio-graphic{height:330px;position:relative;overflow:hidden;margin-top:36px;background:#14141e}.studio-graphic-photo{width:100%;height:100%;object-fit:cover;filter:brightness(.65)}.studio-graphic-mark{position:absolute;inset:10% 5%;width:90%;height:80%;object-fit:contain;opacity:.9;animation:pack-drift 14s ease-in-out infinite alternate}footer{position:relative;isolation:isolate;overflow:hidden}footer:before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/hyenas-group.png') center 35%/110% auto no-repeat;opacity:.12;pointer-events:none}.footer-run{border-bottom:1px solid #ffffff20}.feature-lab .feature-scene{background:#111019}.lab-stage{inset:24% 49% 25% 8%}.lab-original-logo{width:100%;height:100%;object-fit:contain}.lab-panels{position:absolute;inset:16% 5% 17% 49%;perspective:900px}.lab-panels img{position:absolute;width:87%;height:82%;object-fit:cover;right:0;top:0;border-radius:20px;box-shadow:0 0 0 1px #fff6,0 20px 50px #0005;animation:surface-float 9s ease-in-out infinite alternate}.lab-panels img+img{width:58%;height:56%;left:-10%;top:37%;animation-delay:-4s}.lab-spectrum{display:none}.feature-lab .scene-tag{z-index:4}.offer-art:not(.in-view) *, .studio-graphic:not(.in-view) *{animation-play-state:paused}.motion-paused .offer-art *,.motion-paused .studio-graphic *,.motion-paused .lab-panels *{animation-play-state:paused!important} @keyframes stripe-turn{from{transform:rotate(-8deg) translateY(0)}to{transform:rotate(7deg) translateY(-8%)}}@keyframes surface-drift{from{transform:scale(1) translate(0,0)}to{transform:scale(1.13) translate(3%,2%)}}@keyframes surface-float{from{transform:translateY(0) rotateY(-4deg) rotateZ(-2deg)}to{transform:translateY(-12px) rotateY(4deg) rotateZ(2deg)}}@keyframes pack-drift{from{transform:translateX(-2%)}to{transform:translateX(2%)}} @media(max-width:1000px){.linework-hero{column-gap:2%;padding-top:130px;min-height:740px}.linework-hero h1{width:300px;max-width:38vw}.linework-hero .hero-introduction{display:block}.linework-hero .hero-contact{margin-top:16px}.offer-grid{gap:23px}.studio-graphic{height:250px}} @media(max-width:760px){.linework-hero{grid-template-columns:1fr;min-height:0;max-height:none;height:auto;padding:112px 24px 18px}.linework-hero .hero-copy{padding:0;z-index:2}.linework-hero h1{width:215px;max-width:70vw;margin-top:0}.linework-hero h1>.hero-declaration{font-size:13px;margin-bottom:16px}.linework-hero .hero-statement{font-size:26px;margin-top:24px}.linework-hero .hero-introduction{display:flex;margin:20px 0 0;gap:20px}.linework-hero .hero-introduction p{font-size:11px;max-width:190px}.linework-hero .hero-contact{margin:0;max-width:125px;font-size:11px}.hero-identity{width:78%;max-width:360px;justify-self:end;margin:-10px -10px 0 0;aspect-ratio:4/3}.identity-caption{font-size:8px;bottom:2%}.linework-hero .hero-foot{padding-top:14px;margin-top:15px}.linework-hero .hero-shade{background:linear-gradient(180deg,#111522e0,#11152288 55%,#111522b0)}.linework-hero .hero-photograph img{object-position:60% center}.offer{padding:45px 24px 28px}.offer-art{height:260px}.art-word{font-size:61px}.offer-card{padding-top:0}.studio-graphic{height:250px;max-width:none;margin-top:25px}.lab-stage{inset:18% 41% 42% 7%}.lab-panels{inset:27% 5% 16% 44%}.lab-panels img{border-radius:12px}.lab-panels img+img{left:-21%;top:45%;width:70%}footer:before{background-size:auto 70%;opacity:.09}.nav-lens{top:3px;bottom:3px}.hero-identity .identity-vector{min-height:190px}} @media(prefers-reduced-motion:reduce){.offer-art *,.studio-graphic *,.lab-panels *{animation:none!important}.nav-lens,.nav-glass>a,.nav-glass>button{transition:none!important}} .lab-studio-lockup{display:flex;flex-direction:column;align-items:center;width:100%;max-width:370px}.lab-studio-lockup img{width:100%;height:auto;object-fit:contain}.lab-studio-lockup span{font:700 clamp(15px,2.5vw,37px)/1 Georgia,serif;letter-spacing:-.065em;margin-top:-2%;align-self:flex-end;margin-right:4%}.lab-stage{z-index:2}@media(max-width:760px){.lab-stage{inset:19% 48% 47% 7%}.lab-studio-lockup span{font-size:15px}} /* /aaqoura-motion.css */ /* Original emblem geometry; base red sampled from Aaqoura.org: #800f11. */ .work-art.art-aaqoura{display:grid;place-items:center;overflow:visible;isolation:isolate;background:none;border:0;border-radius:0;box-shadow:none;perspective:1100px} .art-aaqoura .aaqoura-emblem-turn{position:relative;display:block;height:94%;width:auto;aspect-ratio:1099/1287;max-width:84%;transform-style:preserve-3d;transform:rotateX(3deg) rotateY(-25deg);animation:aaqoura-emblem-turn 6.8s ease-in-out infinite alternate;animation-play-state:var(--art-play-state)} .art-aaqoura .aaqoura-emblem-turn>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:none;transform:none;filter:none;border-radius:0} .art-aaqoura :is(.aaqoura-red-emblem,.aaqoura-shield-depth,.aaqoura-shield-rim,.aaqoura-shield-sheen){display:none} @supports (mask-image:url('/assets/aaqoura-shield.webp')){ .art-aaqoura .aaqoura-emblem-turn>img{opacity:0} .art-aaqoura :is(.aaqoura-red-emblem,.aaqoura-shield-depth,.aaqoura-shield-rim,.aaqoura-shield-sheen){position:absolute;inset:0;display:block;backface-visibility:hidden;mask:url('/assets/aaqoura-shield.webp') center/contain no-repeat;mask-mode:alpha;-webkit-mask:url('/assets/aaqoura-shield.webp') center/contain no-repeat} .art-aaqoura .aaqoura-shield-depth{background:linear-gradient(108deg,#360607 0%,#ba433b 32%,#5b0a0c 52%,#d57160 73%,#43080a 100%);transform:translateZ(var(--shield-z))} /* Keep the rim registered to the source mask so it cannot fill the lettering. */ .art-aaqoura .aaqoura-shield-rim{background:linear-gradient(118deg,#f0ab91 0%,#9b241f 23%,#ffd2b6 39%,#9b201e 52%,#d96f5c 67%,#4c0507 84%,#ef9a80 100%);transform:translateZ(-.25px)} .art-aaqoura .aaqoura-red-emblem{background-color:#800f11;background-image:linear-gradient(112deg,#4f080b 0%,#800f11 19%,#b3322a 32%,#f2a991 43%,#9d211e 48%,#800f11 62%,#54080b 79%,#b84635 100%);background-size:235% 100%;background-position:0% 50%;transform:translateZ(0);animation:aaqoura-metal-reflection 6.8s ease-in-out infinite alternate;animation-play-state:var(--art-play-state)} .art-aaqoura .aaqoura-shield-sheen{background:linear-gradient(112deg,transparent 32%,#fff1d82b 43%,#fff2dfb8 47%,#ffffff30 50%,transparent 57%);background-size:260% 100%;background-position:0% 50%;transform:translateZ(.1px);opacity:.65;animation:aaqoura-metal-reflection 6.8s ease-in-out infinite alternate;animation-play-state:var(--art-play-state)} } @keyframes aaqoura-emblem-turn{from{transform:rotateX(3deg) rotateY(-25deg)}to{transform:rotateX(-2deg) rotateY(25deg)}} @keyframes aaqoura-metal-reflection{from{background-position:0% 50%}to{background-position:100% 50%}} .work-grid.index .art-aaqoura .aaqoura-emblem-turn{height:93%;animation:none;transform:none} .work-grid.index .art-aaqoura :is(.aaqoura-red-emblem,.aaqoura-shield-sheen){animation:none;background-position:50% 50%} @media(prefers-reduced-motion:reduce){.art-aaqoura .aaqoura-emblem-turn{animation:none;transform:none}.art-aaqoura :is(.aaqoura-red-emblem,.aaqoura-shield-sheen){animation:none;background-position:50% 50%}} @media(forced-colors:active){.art-aaqoura :is(.aaqoura-red-emblem,.aaqoura-shield-depth,.aaqoura-shield-rim,.aaqoura-shield-sheen){display:none}.art-aaqoura .aaqoura-emblem-turn>img{opacity:1;forced-color-adjust:none}} /* /refinement.css */ /* The hover lens extends above and below the glass island. */ .nav-glass>.nav-lens{top:-11px;bottom:-11px;border-radius:32px;backdrop-filter:blur(15px) saturate(1.9) brightness(1.12);-webkit-backdrop-filter:blur(15px) saturate(1.9) brightness(1.12);background:radial-gradient(130% 150% at 18% 10%,#ffffff91,transparent 58%),radial-gradient(160% 160% at 86% 18%,#d2ffff40,transparent 64%),radial-gradient(180% 180% at 78% 92%,#ffd7f03d,transparent 66%),linear-gradient(135deg,#ffffff3d,#ffffff14);border:1px solid #ffffffbb;box-shadow:inset 0 1px 1px #fff,0 10px 28px #ffffff24,0 18px 46px #78a0ff22,0 22px 58px #ff78c81a,0 12px 30px #0002}.site-header,.site-header.compact{overflow:visible}.nav-glass.lens-active .nav-indicator{opacity:0!important}.nav-glass>a:not(.brand):hover,.nav-glass>button:hover,.nav-glass>a:not(.brand):focus-visible,.nav-glass>button:focus-visible{transform:scale(1.045);font-weight:600}.footer-accessibility{display:flex;align-items:center;gap:22px;padding:12px 0;font-size:10px;color:#bcc0ca}.footer-accessibility .motion-toggle{font-size:11px}.background-sequence .background-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:none;transform:scale(1.025);transition:opacity 1.7s ease,transform 10s linear}.background-sequence .background-slide.is-current{opacity:.85;transform:scale(1.075)}.linework-hero .hero-shade{background:linear-gradient(90deg,#0d1019e8,#0d101978 55%,#0d101945),linear-gradient(0deg,#111522df,transparent 60%)}.background-selector{display:flex;gap:6px;flex-wrap:wrap}.background-selector button{background:transparent;color:#e1e3e8;border:1px solid transparent;padding:9px 12px;font-size:10px;border-radius:30px;min-height:40px}.background-selector button[aria-pressed=true]{border-color:#ffffff65;background:#ffffff16}.background-selector button:hover{background:#ffffff22}.background-caption{font-size:9px;max-width:260px;text-align:right;color:#d6d8df;line-height:1.5}.hero-introduction p{max-width:270px!important}.collection{scroll-margin-top:96px;padding-top:42px;padding-bottom:35px}.collection .gallery-heading{margin-bottom:18px;align-items:center}.collection .gallery-heading h2{font-size:clamp(34px,3.8vw,58px);line-height:1.05;margin-top:12px}.collection-intro{font-size:12px;margin-top:12px}.collection-index{padding-bottom:12px;margin-bottom:12px}.collection .work-track{align-items:stretch}.collection .work-track>.feature{flex-basis:min(88vw,1400px);display:grid;grid-template-columns:1.22fr 1fr;gap:0;min-width:0;border:1px solid #ffffff1a;background:#151a26}.collection .feature-scene,.collection .feature-odette .feature-scene{height:clamp(310px,33vw,420px);min-height:0}.collection .feature-caption{min-height:0;padding:clamp(24px,3vw,44px);display:flex;flex-direction:column;justify-content:center;gap:18px}.collection .feature-caption h3{font-size:clamp(26px,2.5vw,39px);line-height:1.07;margin-bottom:14px}.collection .feature-caption p:not(.project-number){font-size:13px;line-height:1.6}.collection .project-number{font-size:9px;margin-bottom:14px;line-height:1.5}.collection .project-side{margin:0;max-width:none;align-items:flex-start;gap:7px}.collection .project-credit{font-size:10px!important;margin-top:16px!important}.collection .gallery-footer{padding-top:18px}.collection .scene-top{font-size:9px;inset:20px 22px auto}.collection .scene-tag{bottom:22px;left:22px}.collection .scene-index{font-size:30px;bottom:18px;right:22px}.collection .artist-name{font-size:clamp(38px,4.6vw,77px)}.collection .artist-disciplines{font-size:11px}.collection .feature-aaqoura .feature-scene{background:#eee8df}.feature-aaqoura .work-art{position:absolute;inset:13% 10% 12%;height:auto}.feature-aaqoura .aaqoura-emblem-turn{height:100%;--art-play-state:running}.feature-aaqoura.animation-offscreen .aaqoura-emblem-turn{--art-play-state:paused}.collection .feature-aaqoura .scene-tag{color:#681315;background:transparent}.collection .feature-aaqoura .scene-index{color:#681315}.feature-aaqoura .aaqoura-shield-depth,.feature-aaqoura .aaqoura-red-emblem,.feature-aaqoura .aaqoura-shield-sheen{animation-play-state:var(--art-play-state,running)} @font-face{font-family:TimelessGeometry;src:url('/assets/syne-extra-bold.ttf') format('truetype');font-weight:800;font-display:swap}.feature-timeless .feature-scene{background:#e5e4d6;color:#183d31}.timeless-stage{inset:19% 7% 18%;gap:22px}.timeless-stage .timeless-wordmark{display:flex;flex-direction:column;font:800 clamp(30px,3.6vw,59px)/.94 TimelessGeometry,Arial,sans-serif;letter-spacing:-.065em;width:100%;max-width:100%}.timeless-wordmark b{font:inherit;display:block}.timeless-wordmark b:last-child{font-size:.64em;letter-spacing:-.035em;margin-top:.2em}.timeless-stage small{font-size:8px;letter-spacing:.1em}.collection .feature-timeless .scene-top{font-size:8px} @media(max-width:1000px) and (min-width:761px){.collection .feature-caption{padding:24px}.collection .feature-caption p:not(.project-number){font-size:12px}.collection .feature-scene{height:385px}.collection .feature-caption h3{font-size:28px}.collection .project-credit{font-size:9px!important}} @media(max-width:760px){.nav-glass>.nav-lens{top:-9px;bottom:-9px;border-radius:27px}.linework-hero .hero-foot{display:flex;flex-wrap:wrap;gap:8px 18px}.hero-foot>a{flex:1;min-height:38px}.background-selector{order:3;flex:0 0 100%;justify-content:space-between;border-top:1px solid #ffffff25;padding-top:7px;gap:0}.background-selector button{font-size:9px;padding:6px 9px;min-height:38px}.background-caption{max-width:160px;font-size:8px}.linework-hero .hero-introduction p{max-width:195px!important;font-size:11px}.collection{padding-top:28px;padding-bottom:28px;scroll-margin-top:84px}.collection .gallery-heading{margin-bottom:15px;align-items:end}.collection .gallery-heading h2{font-size:31px;max-width:none;margin-top:9px}.collection .gallery-heading .eyebrow{font-size:8px}.collection-intro{display:none}.collection-index{margin-bottom:9px;padding-bottom:9px;gap:5px}.collection-index button{font-size:10px;min-height:38px;padding:8px 12px}.collection .work-track>.feature{flex-basis:88vw;display:flex;flex-direction:column}.collection .feature-scene,.collection .feature-odette .feature-scene{height:205px;flex:none}.collection .feature-caption{padding:20px 19px;gap:13px;flex:1;justify-content:space-between}.collection .feature-caption h3{font-size:26px;line-height:1.06;margin-bottom:10px}.collection .feature-caption p:not(.project-number){font-size:12px;line-height:1.5}.collection .project-number{font-size:8px;line-height:1.4;margin-bottom:9px}.collection .project-credit{font-size:9px!important;line-height:1.4!important;margin-top:12px!important}.collection .project-status,.collection .project-domain{font-size:9px}.collection .project-side{gap:5px}.collection .scene-top{font-size:7px;inset:16px 16px auto}.collection .scene-tag{left:16px;bottom:15px;font-size:7px}.collection .scene-index{font-size:21px;right:16px;bottom:12px}.collection .gallery-controls button{width:38px;min-width:38px;height:40px}.collection .gallery-controls{gap:4px}.collection .gallery-controls>span{font-size:9px}.collection .artist-name{font-size:32px}.collection .artist-disciplines{padding:10px 0;font-size:9px}.collection .artist-stage{inset:25% 9%;gap:16px}.collection .locus-stage{inset:19% 16% 26%;flex-direction:row;gap:7%}.collection .locus-stage .locus-symbol{width:32%;max-height:100%}.collection .locus-stage .locus-wordmark{width:52%;max-height:65%}.collection .locus-contexts{bottom:17%;font-size:9px;left:15%;right:15%}.collection .lab-stage{inset:20% 51% 34% 8%}.collection .lab-studio-lockup span{font-size:12px}.collection .lab-panels{inset:20% 8% 24% 50%}.collection .odette-screen{top:12%;width:90%;left:5%;transform:none}.collection .hyam-signature{width:53%;top:32%}.collection .justice{height:100%;width:auto;right:-4%;top:0}.collection .timeless-wordmark{font-size:32px}.collection .timeless-stage{inset:23% 10% 20%;gap:13px}.collection .timeless-stage small{font-size:7px}.collection .feature-aaqoura .work-art{inset:13% 10% 12%}.footer-accessibility{justify-content:space-between}.collection .project-credit br{display:none}.collection .project-credit br:after{content:' · '}} @media(prefers-reduced-motion:reduce){.background-sequence .background-slide{transition:none;transform:none!important}.nav-glass>.nav-lens{transition:none}} .collection{scroll-margin-top:0}.collection .project-credit br{display:initial}.collection .project-credit br:after{content:none} .motion-paused .background-slide{transition:none!important}@media(max-width:760px) and (max-height:720px){.collection .feature-scene,.collection .feature-odette .feature-scene{height:175px}} /* /studio-depth.css */ .original-practice{background:#dedfd6;padding-block:72px 38px;max-width:none}.practice-heading{display:grid;grid-template-columns:1fr 1fr;gap:18px 7%;align-items:end}.practice-heading>.eyebrow{grid-column:1/-1}.practice-heading h2{font:400 clamp(36px,4.3vw,68px)/1.02 Arial,sans-serif;letter-spacing:-.055em}.practice-heading>p:last-child{font-size:13px;line-height:1.7;color:#4d5853;max-width:510px}.practice-tabs{display:flex;gap:9px;margin:32px 0 24px}.practice-tabs button{border:1px solid #8b9b8b65;background:transparent;color:#25382d;border-radius:99px;padding:12px 22px;min-height:44px;font-size:12px}.practice-tabs button[aria-selected=true]{background:#233b32;color:#f4f4e8;border-color:#233b32}.practice-panel{display:grid;grid-template-columns:1.25fr 1fr;background:#f2f0e8;min-height:400px}.practice-panel[hidden]{display:none}.practice-art{overflow:hidden;min-width:0;min-height:0;background:#17221c}.practice-art img{width:100%;height:100%;max-height:500px;object-fit:cover;transition:transform 1.8s var(--ease)}.practice-panel:hover .practice-art img{transform:scale(1.025)}.practice-note{display:flex;flex-direction:column;justify-content:center;align-items:start;padding:clamp(25px,4vw,65px);gap:22px}.practice-note h3{font:400 clamp(30px,3.1vw,48px)/1.04 Georgia,serif;letter-spacing:-.05em}.practice-note>p{font-size:14px;line-height:1.7;max-width:450px;color:#4c5850}.practice-note .practice-medium{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:#6d756b}.practice-enquiry,.pathway-content button,.commission-invitation-copy button{display:flex;align-items:center;gap:30px;background:none;color:inherit;border:0;border-bottom:1px solid currentColor;font-size:12px;min-height:44px;padding:10px 0}.practice-enquiry span,.pathway-content button span,.commission-invitation-copy button span{font:22px Arial,sans-serif}.practice-attribution{font-size:10px;color:#667063;margin-top:20px;line-height:1.5}.commission-pathways{display:grid;grid-template-columns:.95fr 1fr;gap:10%;max-width:none;padding-block:90px;background:#f0eee7}.pathway-heading h2{font:400 clamp(44px,5.3vw,80px)/1 Arial,sans-serif;letter-spacing:-.06em;margin-top:24px}.pathway-heading>p:last-child{font-size:15px;line-height:1.75;max-width:390px;color:#5a625b;margin-top:28px}.pathway-list details{border-top:1px solid #aeb5a9}.pathway-list details:last-child{border-bottom:1px solid #aeb5a9}.pathway-list summary{display:flex;list-style:none;align-items:start;gap:22px;cursor:pointer;padding:24px 0}.pathway-list summary::-webkit-details-marker{display:none}.pathway-list summary>span{font-size:10px;margin-top:7px;color:#6b766a}.pathway-list summary strong{font:400 clamp(23px,2.6vw,39px)/1.04 Arial,sans-serif;letter-spacing:-.045em}.pathway-list summary i{margin-left:auto;font:28px Arial,sans-serif;font-style:normal;transition:transform .35s}.pathway-list details[open] summary i{transform:rotate(45deg)}.pathway-content{padding:0 0 26px 37px}.pathway-content>p{font-size:13px;line-height:1.65;color:#4f5c51}.pathway-content ul{list-style:none;padding:18px 0;margin:0}.pathway-content li{padding:8px 0;font-size:12px;border-bottom:1px solid #d5d9ce}.pathway-content .pathway-proof{font-size:10px;color:#6d776c;margin-bottom:16px}.commission-invitation{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-block:85px;max-width:none;background:#18141f;color:#f7f1e7;overflow:hidden}.commission-invitation-art{position:relative;min-height:420px;perspective:1000px;align-self:center}.commission-invitation-art img{position:absolute;inset:8% 0 auto 15%;width:80%;height:75%;object-fit:cover;border-radius:30px;border:1px solid #fff9;box-shadow:0 0 60px #e7bbff22;animation:surface-float 13s ease-in-out infinite alternate}.commission-invitation-art img+img{inset:auto auto 0 0;width:56%;height:53%;animation-delay:-6s}.commission-invitation-copy{position:relative;padding-block:15px;display:flex;flex-direction:column;align-items:start;gap:22px}.invitation-studio{width:150px;height:auto;object-fit:contain;margin-bottom:8px}.commission-invitation h2{font:400 clamp(35px,4.3vw,65px)/1.03 Georgia,serif;letter-spacing:-.055em}.commission-invitation-copy>p:not(.eyebrow){font-size:13px;line-height:1.75;color:#d3c9d8;max-width:460px}.commission-invitation-copy .eyebrow{font-size:9px;color:#b9a4bf}.commission-invitation-copy button{margin-top:8px}.commission-invitation.animation-offscreen *{animation-play-state:paused!important} @media(max-width:760px){.original-practice{padding:44px 24px 25px}.practice-heading{display:block}.practice-heading h2{font-size:38px;margin-top:17px}.practice-heading>p:last-child{font-size:12px;line-height:1.65;margin-top:18px}.practice-heading br{display:none}.practice-tabs{gap:6px;margin:23px 0 18px}.practice-tabs button{font-size:10px;padding:10px 16px;flex:1}.practice-panel{grid-template-columns:1fr;min-height:0}.practice-art{height:220px}.practice-art img{height:100%}.practice-note{padding:26px 23px;gap:18px}.practice-note h3{font-size:33px}.practice-note>p{font-size:13px}.practice-note .eyebrow{font-size:9px}.practice-note .practice-medium{font-size:9px}.practice-enquiry{font-size:11px;width:100%;justify-content:space-between}.practice-attribution{font-size:9px}.commission-pathways{padding:45px 24px;grid-template-columns:1fr;gap:30px}.pathway-heading h2{font-size:44px;margin-top:19px}.pathway-heading>p:last-child{font-size:13px;margin-top:22px}.pathway-list summary{padding:22px 0;gap:17px}.pathway-list summary strong{font-size:29px}.pathway-content{padding-left:30px}.pathway-content>p{font-size:12px}.pathway-content li{font-size:11px}.pathway-content button{font-size:11px}.commission-invitation{grid-template-columns:1fr;padding:42px 24px;gap:35px}.commission-invitation-art{min-height:270px;order:2}.commission-invitation-art img{border-radius:20px}.commission-invitation-copy{gap:18px}.invitation-studio{width:125px}.commission-invitation h2{font-size:42px}.commission-invitation-copy>p:not(.eyebrow){font-size:13px}.commission-invitation-copy button{width:100%;justify-content:space-between}} @media(prefers-reduced-motion:reduce){.commission-invitation-art *{animation:none!important}.practice-art img,.pathway-list summary i{transition:none}} .practice-enquiry svg,.pathway-content button svg,.commission-invitation-copy button svg{width:20px;height:20px;display:block}.practice-art img{object-position:center} /* /polish.css */ /* One explicit opacity rule prevents old photographic styles from stacking slides. */ .linework-hero .hero-photograph.background-sequence img.background-slide{opacity:0;z-index:0;visibility:hidden;transition:opacity .65s ease,visibility 0s .65s,transform 10s linear;animation:none}.linework-hero .hero-photograph.background-sequence img.background-slide.is-current{opacity:1;z-index:1;visibility:visible;transition:opacity .65s ease,visibility 0s,transform 10s linear}.linework-hero .hero-shade{background:linear-gradient(90deg,#0a0e17e8,#0a0e1760 58%,#0a0e1725),linear-gradient(0deg,#111522df,transparent 55%)} .site-header .nav-glass,.site-header.compact .nav-glass{padding:9px 13px;gap:4px;max-width:none;border-radius:999px}.site-header .nav-glass>.brand-scroll{width:94px;height:68px;margin-right:14px}.site-header.compact .nav-glass>.brand-scroll{width:84px;height:60px;margin-right:12px}.site-header .nav-glass>a:not(.brand),.site-header .nav-glass>button,.site-header.compact .nav-glass>a:not(.brand),.site-header.compact .nav-glass>button{font-size:14px;min-height:55px;padding:14px 23px;border-radius:999px}.site-header .nav-glass>.nav-lens{top:-10px;bottom:-10px;border-radius:9999px;transition:transform .48s cubic-bezier(.18,.82,.28,1),width .48s cubic-bezier(.18,.82,.28,1),opacity .2s;box-shadow:inset 0 2px 3px #ffffffce,inset 0 -2px 3px #ffffff46,0 14px 30px #11152220,0 0 25px #ffffff30;border-color:#ffffffa0}.nav-glass>a:not(.brand):hover,.nav-glass>button:hover{transform:scale(1.04);font-weight:500}.nav-glass>.brand:before,.nav-glass>.brand:after{display:none!important}.site-header.compact{top:19px} .offer-grid{gap:40px}.offer-art.service-composition{background:transparent!important;overflow:visible;height:320px;position:relative;margin-bottom:28px;color:#fff}.service-surface{position:absolute;inset:8% 13%;border-radius:44% 56% 45% 55% / 57% 43% 57% 43%;background:#272337;transform:rotate(-9deg);box-shadow:inset 0 1px 1px #fff5,0 20px 45px #22233817;animation:service-shape 14s ease-in-out infinite alternate}.original-art .service-surface{background:linear-gradient(135deg,#211d33,#756575);inset:10% 10%;border-radius:38% 62% 52% 48% / 55% 41% 59% 45%}.commission-art .service-surface{background:linear-gradient(#31213722,#31213722),url('/assets/lab-color.jpg') center/cover;transform:rotate(10deg);animation-delay:-5s}.service-wordmark{position:absolute;left:10%;top:29%;width:80%;height:41%;object-fit:contain;filter:drop-shadow(0 2px 9px #24132522);animation:service-letter-float 8s ease-in-out infinite alternate}.original-art .service-wordmark{left:10%;top:23%;width:80%;height:54%}.service-stripes{position:absolute;width:27%;height:43%;object-fit:contain;right:0;bottom:0;filter:brightness(0);opacity:.32;transform:rotate(-15deg);animation:stripe-turn 12s ease-in-out infinite alternate}.commission-art .service-stripes{left:2%;right:auto;top:5%;width:20%;opacity:.2}.systems-art .service-surface{background:linear-gradient(130deg,#e1d8f1,#c9e6df);inset:7% 14%;border-radius:54% 46% 43% 57% / 45% 59% 41% 55%;animation-delay:-9s}.system-identity{position:absolute;inset:14% 14% 15%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;opacity:0;transform:translateY(12px) scale(.95);transition:opacity .8s ease,transform 1s var(--ease);pointer-events:none}.system-identity.is-current{opacity:1;transform:translateY(0) scale(1)}.cycle-locus-symbol{width:35%;height:48%;object-fit:contain;animation:locus-revolve 25s linear infinite}.cycle-locus-wordmark{width:55%;height:23%;object-fit:contain}.system-lab img{width:94%;height:42%;object-fit:contain;filter:brightness(0)}.system-lab span{font:bold 26px/.9 Georgia,serif;letter-spacing:-.06em;color:#282236;margin-top:-17px;align-self:flex-end;margin-right:8%}.system-cycle-label{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:10px;color:#59625f;letter-spacing:.03em}.system-lab.is-current img{animation:service-letter-float 6s ease-in-out infinite alternate}.service-composition:not(.in-view) *{animation-play-state:paused!important} @keyframes service-shape{from{transform:rotate(-7deg) scale(.98);border-radius:44% 56% 45% 55% / 57% 43% 57% 43%}to{transform:rotate(7deg) scale(1.035);border-radius:55% 45% 56% 44% / 42% 55% 45% 58%}}@keyframes service-letter-float{from{transform:translateY(0)}to{transform:translateY(-8px)}} .painting-panel .practice-art{background:#eeeae4;min-height:440px}.painting-panel .practice-art img{object-fit:contain;max-height:560px}.practice-tabs{flex-wrap:wrap}.practice-attribution{max-width:700px}.commission-pathways{display:block;padding-bottom:65px}.pathway-heading{display:grid;grid-template-columns:1fr 1fr;gap:15px 7%;align-items:end;margin-bottom:45px}.pathway-heading>.eyebrow{grid-column:1/-1}.pathway-heading h2{font-size:clamp(40px,4.6vw,70px);margin:0}.pathway-heading>p:last-child{margin:0;max-width:430px;font-size:14px}.pathway-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.audience{min-width:0;display:flex;flex-direction:column}.audience-graphic{height:170px;display:grid;place-items:center;position:relative;isolation:isolate;margin-bottom:22px;color:#284b3b}.audience-graphic:before{content:'';position:absolute;inset:7% 27%;border-radius:58% 42% 54% 46% / 49% 62% 38% 51%;background:#d5e1cd;z-index:-1;transform:rotate(-10deg)}.audience-graphic svg{height:130px;width:130px;filter:drop-shadow(0 4px 2px #ffffffb0);stroke-dasharray:240;stroke-dashoffset:0;animation:audience-line 9s ease-in-out infinite}.audience-artists .audience-graphic{color:#524361}.audience-artists .audience-graphic:before{background:#ded1e4;transform:rotate(14deg)}.audience-artists svg{animation-delay:-3s}.audience-families .audience-graphic{color:#7a433b}.audience-families .audience-graphic:before{background:#e6d5c5;transform:rotate(-22deg)}.audience-families svg{animation-delay:-6s}.audience-heading{display:flex;gap:15px;border-top:1px solid #b7beaf;padding-top:22px;min-height:103px}.audience-heading>span{font-size:9px;color:#798373;padding-top:5px}.audience-heading strong{font:400 clamp(23px,2.6vw,37px)/1.04 Arial,sans-serif;letter-spacing:-.045em}.audience .pathway-content{padding:0;flex:1;display:flex;flex-direction:column}.audience .pathway-content>p{font-size:13px}.audience .pathway-content button{margin-top:auto;justify-content:space-between}.audience .pathway-proof{line-height:1.6}.audience-graphic svg{animation-play-state:var(--audience-play,running)}@keyframes audience-line{0%,70%,100%{stroke-dashoffset:0}86%{stroke-dashoffset:240}} .studio{background:#dfdfd6;gap:7%;padding-block:75px}.studio-intro h2{font-size:clamp(37px,4vw,62px);line-height:1.05}.studio-signature{position:relative;height:345px;margin-top:35px;overflow:hidden;border-radius:48% 52% 16% 18% / 28% 31% 15% 18%;background:#252435;color:#f7f3eb;isolation:isolate}.studio-signature:before{content:'';position:absolute;inset:0;background:url('/assets/lab-color-second.jpg') center/cover;opacity:.2;z-index:-1}.signature-studio{position:absolute;left:11%;top:14%;width:44%;height:29%;object-fit:contain}.signature-hyena{position:absolute;right:-17%;top:5%;width:82%;height:95%;object-fit:contain;opacity:.5;animation:pack-drift 12s ease-in-out infinite alternate}.studio-signature>span{position:absolute;left:11%;bottom:14%;font-size:12px;line-height:1.7;letter-spacing:.02em}.studio-copy{padding-top:54px}.studio-copy>p:first-child{font-size:clamp(22px,2.3vw,33px);line-height:1.25;letter-spacing:-.025em;max-width:620px}.studio-copy>p:nth-child(2){font-size:15px;line-height:1.7;max-width:530px}.studio-copy .studio-authorship{font-size:13px;line-height:1.75}.working-together{border-top:1px solid #b3bbae;padding-top:25px}.working-together details p{font-size:12px} @media(max-width:1000px){.pathway-list{gap:23px}.audience-heading{min-height:90px}.audience-heading strong{font-size:27px}.offer-art.service-composition{height:270px}.system-lab span{font-size:21px}} @media(max-width:760px){.site-header,.site-header.compact{inset:18px 14px auto}.site-header .nav-glass,.site-header.compact .nav-glass{width:100%;max-width:362px;padding:7px 8px;gap:0;justify-content:space-between}.site-header .nav-glass>.brand-scroll,.site-header.compact .nav-glass>.brand-scroll{width:73px;height:54px;margin:0 4px}.site-header .nav-glass>a:not(.brand),.site-header .nav-glass>button,.site-header.compact .nav-glass>a:not(.brand),.site-header.compact .nav-glass>button{font-size:12px;min-height:48px;padding:12px 15px}.site-header .nav-glass>.nav-lens{top:-8px;bottom:-8px;border-radius:9999px}.linework-hero{padding-top:125px}.offer-art.service-composition{height:275px;margin-bottom:24px}.service-wordmark{height:40%}.service-surface{inset:8% 15%}.systems-art .service-surface{inset:7% 15%}.system-lab span{font-size:23px}.service-composition .system-cycle-label{font-size:9px}.practice-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.practice-tabs button{font-size:9px;padding:10px 5px}.painting-panel .practice-art{height:340px;min-height:0}.painting-panel .practice-art img{max-height:100%;object-fit:contain}.commission-pathways{padding:45px 24px}.pathway-heading{display:block;margin-bottom:32px}.pathway-heading h2{font-size:40px;margin-top:18px}.pathway-heading>p:last-child{font-size:13px;margin-top:22px}.pathway-list{display:block}.audience{display:grid;grid-template-columns:95px 1fr;column-gap:20px;padding:25px 0;border-top:1px solid #b7beaf}.audience-graphic{height:110px;margin:0;grid-column:1;grid-row:1/3;align-self:start}.audience-graphic svg{height:90px;width:90px}.audience-graphic:before{inset:10% 0}.audience-heading{grid-column:2;padding:0;border:0;min-height:0;gap:0}.audience-heading>span{display:none}.audience-heading strong{font-size:26px}.audience .pathway-content{grid-column:2;display:flex;padding-top:17px}.audience .pathway-content>p{font-size:12px}.audience .pathway-content li{font-size:11px}.audience .pathway-content .pathway-proof{font-size:10px}.audience .pathway-content button{font-size:11px;text-align:left;gap:12px;line-height:1.5}.studio{padding-block:45px;gap:25px}.studio-intro h2{font-size:38px}.studio-signature{height:260px;border-radius:45% 55% 15% 18% / 26% 34% 16% 18%;margin-top:28px}.signature-studio{width:49%}.studio-signature>span{font-size:11px}.studio-copy{padding-top:0}.studio-copy>p:first-child{font-size:23px}.studio-copy>p:nth-child(2){font-size:14px}.studio-copy .studio-authorship{font-size:12px}.background-selector button{font-size:10px}.background-caption{max-width:170px}} @media(max-width:370px){.site-header,.site-header.compact{inset:17px 10px auto}.site-header .nav-glass>a:not(.brand),.site-header .nav-glass>button,.site-header.compact .nav-glass>a:not(.brand),.site-header.compact .nav-glass>button{font-size:11px;padding-inline:11px}.site-header .nav-glass>.brand-scroll,.site-header.compact .nav-glass>.brand-scroll{width:66px;height:50px}.audience{grid-template-columns:77px 1fr;gap:15px}.audience-graphic svg{width:75px;height:85px}} .motion-paused .system-identity,.motion-paused .background-slide{transition:none!important}.motion-paused .service-composition *,.motion-paused .audience-graphic *,.motion-paused .studio-signature *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.service-composition *,.audience-graphic *,.studio-signature *{animation:none!important}.system-identity,.linework-hero .hero-photograph.background-sequence img.background-slide,.nav-lens{transition:none!important}} .process-step{padding:17px 0 17px 30px;border-bottom:1px solid #b9c1b2;position:relative}.process-step h3{font:400 16px/1.4 Arial,sans-serif;margin-bottom:9px}.process-step h3>span{position:absolute;left:0;top:21px;font-size:9px;color:#798372}.process-step p{font-size:12px;line-height:1.65;color:#596355;max-width:480px}.studio-signature span{color:#e7e4e0} .original-art .service-wordmark{left:15%;width:70%;top:25%;height:49%}.painting-panel .practice-art img{transform:scale(1.6)!important;transform-origin:50% 50%}.painting-panel .practice-art{overflow:hidden}.studio-signature{margin-bottom:12px} .linework-hero .hero-foot{border-top:0} /* /atmosphere.css */ /* Dark, dimensional studio graphics. Original branding remains the foreground. */ .commission-pathways{background:#090a10;color:#f4f2ed;position:relative;isolation:isolate;overflow:hidden;padding-block:85px 75px} .commission-pathways:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 12% 10%,#27365035,transparent 45%),radial-gradient(ellipse at 88% 40%,#64244718,transparent 46%);pointer-events:none} .commission-pathways .eyebrow{color:#b8a8c4}.commission-pathways .pathway-heading{margin-bottom:48px}.commission-pathways .pathway-heading>p:last-child{color:#b6b7c2;font-size:15px;line-height:1.7}.commission-pathways .pathway-heading h2{font-size:clamp(42px,4.8vw,74px);letter-spacing:-.055em} .commission-pathways .pathway-list{gap:48px}.commission-pathways .audience{--scene-progress:0;position:relative;min-width:0} .commission-pathways .audience-graphic{height:245px;margin:0 0 27px;display:block;perspective:850px;isolation:isolate;overflow:visible;transform:translate3d(0,calc(var(--scene-progress)*-12px),0)} .commission-pathways .audience-graphic:before{display:none}.audience-light{position:absolute;inset:8% 5% 1%;background:radial-gradient(ellipse at center,#3e729b35,transparent 65%);transform:scale(1.15);opacity:.8;pointer-events:none} .audience-artists .audience-light{background:radial-gradient(ellipse at 65% 50%,#a77bc430,transparent 67%)}.audience-families .audience-light{background:radial-gradient(ellipse at 65% 50%,#df4b9830,transparent 65%)} .audience-brand{position:absolute;left:0;top:31%;width:40%;height:36%;object-fit:contain;z-index:4;filter:drop-shadow(0 3px 15px #0008)}.audience-artists .audience-brand{width:44%;top:34%;height:28%}.audience-families .audience-brand{width:42%;height:34%;top:30%} .audience-art-label{position:absolute;bottom:4px;left:0;color:#8f91a3;font-size:9px;letter-spacing:.09em;text-transform:uppercase} .sculpture{position:absolute;right:-3%;top:2%;width:72%;height:90%;transform-style:preserve-3d;pointer-events:none} .sculpture-stack{width:63%;right:-4%;top:11%;height:76%;transform:rotateX(56deg) rotateZ(-33deg);animation:glass-stack-turn 12s cubic-bezier(.45,0,.55,1) infinite alternate} .sculpture-stack i{position:absolute;width:73%;height:73%;left:13%;top:13%;border-radius:24%;border:1px solid #dce9ff65;background:linear-gradient(140deg,#d6edff44,#778bdb13 35%,#a6579f4d 75%,#f6c6e04f);box-shadow:inset 0 1px 1px #fff9,inset 0 -2px 5px #b7c5ff20,0 9px 15px #0004;transform:translateZ(calc((var(--layer) - 3)*13px));animation:glass-stack-breathe 8s ease-in-out infinite alternate} .stack-stripes{position:absolute;left:28%;top:24%;width:44%;height:48%;object-fit:contain;transform:translateZ(42px);opacity:.85} .sculpture-ribbon{right:-13%;top:-10%;width:79%;height:115%;transform:rotate(-12deg);animation:ribbon-sway 13s ease-in-out infinite alternate} .commission-pathways .sculpture-ribbon svg{width:100%;height:100%;filter:drop-shadow(0 0 14px #9eadfa30);stroke-dasharray:none;stroke-dashoffset:0;animation:none} .sculpture-canvases{right:-6%;width:66%;top:10%;height:80%;animation:canvas-drift 12s ease-in-out infinite alternate} .sculpture-canvases>img{position:absolute;inset:3% 2% auto auto;width:72%;height:76%;object-fit:cover;border-radius:21%;transform:rotateY(-20deg) rotateZ(9deg);border:1px solid #ffffff70;box-shadow:inset 0 0 15px #fff,0 15px 35px #0007,0 0 30px #f978c42b} .sculpture-canvases>img+img{inset:auto auto 3% 2%;width:61%;height:61%;transform:translateZ(28px) rotateY(-17deg) rotateZ(-11deg);animation:canvas-front 9s ease-in-out infinite alternate} .canvas-light{position:absolute;inset:5% 0 10% 25%;border-radius:22%;background:linear-gradient(110deg,transparent 25%,#ffffff66 47%,transparent 60%);opacity:.3;mix-blend-mode:screen;transform:rotate(9deg);animation:canvas-glint 9s ease-in-out infinite} .commission-pathways .audience-heading{border-color:#ffffff29;padding-top:24px;min-height:108px;gap:16px}.commission-pathways .audience-heading strong{font-size:clamp(25px,2.7vw,39px);font-weight:400;line-height:1.08;letter-spacing:-.045em;color:#f4f2ed}.commission-pathways .audience-heading>span{color:#7e8094} .commission-pathways .pathway-content>p{color:#b6b7c4;font-size:14px;line-height:1.7}.commission-pathways .pathway-content li{color:#dedde5;border-color:#ffffff12;padding-block:10px;font-size:12px}.commission-pathways .pathway-content .pathway-proof{font-size:10px;color:#9697a7;line-height:1.65;margin-bottom:24px}.commission-pathways .pathway-content button{border-bottom:0;background:linear-gradient(135deg,#ffffff15,#ffffff05);border:1px solid #ffffff25;border-radius:99px;padding:13px 19px;min-height:49px;color:#f4f2ed;font-size:12px;transition:background .35s,box-shadow .35s,transform .35s}.commission-pathways .pathway-content button:hover{background:#ffffff1d;box-shadow:inset 0 1px 2px #ffffff60,0 5px 25px #b9c8ff12;transform:translateY(-2px)} .commission-pathways .pathway-content button svg{width:18px;height:18px} @keyframes glass-stack-turn{from{transform:rotateX(54deg) rotateZ(-34deg) translateY(0)}to{transform:rotateX(63deg) rotateZ(-18deg) translateY(-8px)}} @keyframes glass-stack-breathe{from{transform:translateZ(calc((var(--layer) - 3)*11px))}to{transform:translateZ(calc((var(--layer) - 3)*17px))}} @keyframes ribbon-sway{from{transform:rotate(-12deg) rotateY(-16deg) translateY(3px)}to{transform:rotate(7deg) rotateY(22deg) translateY(-8px)}} @keyframes canvas-drift{from{transform:rotateY(-8deg) translateY(5px)}to{transform:rotateY(10deg) translateY(-7px)}} @keyframes canvas-front{to{transform:translateZ(35px) rotateY(10deg) rotateZ(-5deg) translateY(-5px)}} @keyframes canvas-glint{0%,20%,100%{opacity:0;transform:translateX(-10px) rotate(9deg)}50%{opacity:.35;transform:translateX(12px) rotate(9deg)}} .audience:not(.scene-active) .sculpture,.audience:not(.scene-active) .sculpture *{animation-play-state:paused!important} /* Native scrolling stays direct. Only explicit jumps use the eased animator. */ html{scroll-padding-top:118px}.collection{scroll-margin-top:0}.work-track,.offer-grid{scroll-snap-type:x proximity}.is-gliding,.work-track.dragging{scroll-snap-type:none!important;scroll-behavior:auto!important} .collection .work-track>.feature{border-radius:24px;overflow:hidden;box-shadow:0 12px 28px #03050a20}.collection .feature-scene{border-radius:0}.collection .collection-index{scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 25px,#000 calc(100% - 25px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 25px,#000 calc(100% - 25px),transparent)}.collection-index::-webkit-scrollbar{display:none} .collection-index button{transition:background .45s,color .45s,border-color .45s,box-shadow .45s}.collection-index button[aria-pressed=true]{background:linear-gradient(135deg,#ffffff35,#ffffff12);border-color:#ffffff65;color:#fff;box-shadow:inset 0 1px 1px #ffffff80,0 5px 22px #0002;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)} .js-ready .reveal{transition:opacity .85s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1);transform:translate3d(0,24px,0)}.js-ready .reveal.in-view{transform:none} .motion-enhanced .flow-enter{opacity:.001;transform:translate3d(0,26px,0);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform 1.05s cubic-bezier(.22,1,.36,1);transition-delay:var(--entry-delay,0ms)}.motion-enhanced .flow-enter.flow-visible{opacity:1;transform:none} .studio-signature,.commission-invitation-art{transform:translate3d(0,calc(var(--scene-progress,0)*-13px),0)} .site-header{transition:top .6s cubic-bezier(.22,1,.36,1)}.site-header .nav-glass{transition:padding .6s cubic-bezier(.22,1,.36,1),background .5s,box-shadow .5s;box-shadow:inset 0 1px 1px #ffffffb0,inset 0 -1px 1px #ffffff35,0 10px 40px #00000024}.site-header .nav-glass>.nav-lens{will-change:transform;transition:transform .6s cubic-bezier(.2,.9,.25,1),width .6s cubic-bezier(.2,.9,.25,1),opacity .25s}.site-header .nav-glass>.nav-indicator{transition:transform .6s cubic-bezier(.2,.9,.25,1),width .6s cubic-bezier(.2,.9,.25,1),opacity .3s} .practice-panel{border-radius:22px;overflow:hidden}.practice-panel:not([hidden]){animation:panel-arrive .5s cubic-bezier(.22,1,.36,1)}@keyframes panel-arrive{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}} @media(min-width:761px){.audience:hover .audience-light{opacity:1}.audience-light{transition:opacity .7s}.commission-pathways .pathway-heading>p:last-child{max-width:430px}} @media(max-width:1000px) and (min-width:761px){.commission-pathways .pathway-list{gap:26px}.commission-pathways .audience-graphic{height:200px}.commission-pathways .audience-heading strong{font-size:28px}.commission-pathways .pathway-content button{font-size:10px;padding:12px}} @media(max-width:760px){ .commission-pathways{padding:52px 24px 42px}.commission-pathways .pathway-heading{margin-bottom:22px}.commission-pathways .pathway-heading h2{font-size:42px}.commission-pathways .pathway-heading>p:last-child{font-size:13px;margin-top:22px}.commission-pathways .pathway-list{display:block}.commission-pathways .audience{display:block;padding:22px 0 32px;border-top:0}.commission-pathways .audience+.audience{border-top:1px solid #ffffff20;margin-top:12px}.commission-pathways .audience-graphic{height:186px;max-width:360px;margin:0 0 18px}.audience-brand{left:5%;width:38%;top:31%}.audience-artists .audience-brand{left:4%;width:40%}.audience-families .audience-brand{left:3%;width:40%}.audience-art-label{left:5%;bottom:0;font-size:8px}.sculpture-stack{right:0;width:57%;height:80%;top:7%}.sculpture-ribbon{right:-3%;height:120%;top:-16%;width:70%}.sculpture-canvases{right:0;width:60%;height:84%;top:1%}.commission-pathways .audience-heading{min-height:0;padding:0;border-top:0;margin-bottom:18px}.commission-pathways .audience-heading strong{font-size:30px}.commission-pathways .audience-heading>span{display:block;margin-right:13px;margin-top:1px}.commission-pathways .audience .pathway-content{padding:0;display:flex}.commission-pathways .pathway-content>p{font-size:13px}.commission-pathways .pathway-content ul{padding:14px 0}.commission-pathways .pathway-content li{font-size:12px;padding:8px 0}.commission-pathways .pathway-content .pathway-proof{font-size:10px;margin-bottom:20px}.commission-pathways .pathway-content button{font-size:12px;min-height:49px}.collection .work-track>.feature{border-radius:18px}.practice-panel{border-radius:18px}.js-ready .reveal,.motion-enhanced .flow-enter{transform:translate3d(0,15px,0)}.site-header,.site-header.compact{top:16px}html{scroll-padding-top:105px} } @media(prefers-reduced-motion:reduce){.sculpture,.sculpture *, .practice-panel{animation:none!important}.audience-graphic,.studio-signature,.commission-invitation-art,.motion-enhanced .flow-enter{transform:none!important}.motion-enhanced .flow-enter{opacity:1;transition:none}.is-gliding{scroll-behavior:auto!important}} .motion-paused .sculpture,.motion-paused .sculpture *,.motion-paused .practice-panel{animation:none!important}.motion-paused .audience-graphic,.motion-paused .studio-signature,.motion-paused .commission-invitation-art,.motion-paused .flow-enter{transform:none!important}.motion-paused .flow-enter{opacity:1;transition:none} /* A longer glass island gives each control room to expand into the lens. */ @media(min-width:761px){.site-header .nav-glass,.site-header.compact .nav-glass{min-width:510px;padding-inline:20px;gap:10px;justify-content:space-between}.site-header .nav-glass>a:not(.brand),.site-header .nav-glass>button,.site-header.compact .nav-glass>a:not(.brand),.site-header.compact .nav-glass>button{padding-inline:25px}} @media(max-width:760px){.site-header,.site-header.compact{left:10px;right:10px}.site-header .nav-glass,.site-header.compact .nav-glass{max-width:390px;padding-inline:10px;gap:2px}.site-header .nav-glass>a:not(.brand),.site-header .nav-glass>button,.site-header.compact .nav-glass>a:not(.brand),.site-header.compact .nav-glass>button{padding-inline:16px}} @media(max-width:370px){.site-header .nav-glass,.site-header.compact .nav-glass{padding-inline:7px;gap:0}.site-header .nav-glass>a:not(.brand),.site-header .nav-glass>button,.site-header.compact .nav-glass>a:not(.brand),.site-header.compact .nav-glass>button{padding-inline:12px}} /* /refined.css */ /* Thin continuous contours give each discipline a distinct motion language. */ .offer{background:#0b0e15;color:#f2f1ed;padding-block:70px 34px}.offer-heading>p{color:#b7bbc6;max-width:420px;line-height:1.7}.offer-heading .eyebrow{color:#aaaabd}.offer-grid{gap:48px}.offer-card h3{color:#f4f1ea}.offer-card>p{color:#b9bbc7;line-height:1.7}.offer-card ul{color:#d2d4de}.offer-number{color:#9197aa}.offer-link{color:#e8e8ef;border-color:#ffffff45}.offer-foot{border-color:#ffffff22;color:#9299aa}.offer-art.service-composition{height:270px;margin-bottom:30px;overflow:hidden;background:transparent!important}.service-contours{position:absolute;inset:0;width:100%;height:100%;overflow:visible;stroke-linecap:round;stroke-linejoin:round}.contour-ground{stroke:#a8b5cb;stroke-width:.65;opacity:.27}.contour-trace{stroke:#d9e8f8;stroke-width:.9;opacity:.7}.contour-trace path{stroke-dasharray:.18 .82;stroke-dashoffset:1;animation:contour-pass 14s linear infinite;animation-delay:calc(var(--strand)*-.16s)}.original-art .contour-trace{stroke:#d1b8dc}.systems-art .contour-ground{opacity:.14}.systems-art .contour-trace{opacity:.3;stroke:#8fcfc5}.offer-art .service-wordmark,.original-art .service-wordmark{left:3%;top:30%;width:49%;height:35%;animation:none;filter:drop-shadow(0 1px 6px #0b0e15)}.commission-art .service-wordmark{width:46%;left:2%;top:30%}.system-identity{inset:17% 20% 19%;gap:13px;transform:translateY(7px);transition:opacity 1s ease,transform 1.1s cubic-bezier(.22,1,.36,1)}.system-identity.is-current{transform:none}.cycle-locus-symbol{width:30%;height:46%;animation-duration:65s}.cycle-locus-wordmark{filter:brightness(0) invert(1);width:46%;height:22%}.system-lab img{filter:none;width:90%;height:44%;animation:none!important}.system-lab span{color:#f3eff7;font-size:22px;margin-top:-15px}.system-cycle-label{font-size:9px;color:#9199ab;bottom:7px}.offer-art:not(.in-view) .contour-trace path{animation-play-state:paused}.offer-card:hover .contour-ground{opacity:.38;transition:opacity .6s}.offer-card .offer-link{transition:gap .4s,border-color .4s}.offer-card:hover .offer-link{border-color:#ffffffb0} @keyframes contour-pass{to{stroke-dashoffset:-1}} /* A single spring-driven lens replaces the stacked highlights and progress line. */ .site-header .nav-glass>.nav-indicator,.site-header .nav-glass>.nav-progress{display:none!important}.site-header .nav-glass,.site-header.compact .nav-glass{background:radial-gradient(ellipse at 25% 0,#ffffff55,transparent 65%),linear-gradient(135deg,#ffffff40,#ffffff15);border:1px solid #ffffff70;box-shadow:inset 0 1px 2px #ffffff95,inset 0 -1px 1px #ffffff25,0 8px 30px #0e10201a;backdrop-filter:blur(28px) saturate(1.35);-webkit-backdrop-filter:blur(28px) saturate(1.35)}.site-header.on-dark .nav-glass{background:radial-gradient(ellipse at 20% 0,#ffffff25,transparent 65%),linear-gradient(135deg,#ffffff17,#ffffff07);border-color:#ffffff50;box-shadow:inset 0 1px 2px #ffffff55,inset 0 -1px 1px #ffffff18,0 8px 35px #0002} .site-header .nav-glass>.nav-lens{position:absolute;top:0;bottom:auto;left:0;transition:none!important;border-radius:999px;will-change:transform,width,height;pointer-events:none;background:radial-gradient(ellipse at var(--glint-x,28%) 4%,#ffffffb3,transparent 66%),linear-gradient(135deg,#ffffff40,#ffffff16);border:1px solid #ffffffa0;box-shadow:inset 0 2px 5px #ffffff9c,inset 0 -2px 3px #ffffff35,0 15px 32px #13162422,0 3px 8px #ffffff1c;backdrop-filter:blur(25px) saturate(1.5);-webkit-backdrop-filter:blur(25px) saturate(1.5)}.site-header.on-dark .nav-glass>.nav-lens{background:radial-gradient(ellipse at var(--glint-x,28%) 4%,#ffffff78,transparent 65%),linear-gradient(135deg,#ffffff24,#ffffff0e);border-color:#ffffff80}.site-header .nav-glass>a:not(.brand),.site-header .nav-glass>button{font-weight:400!important;transform:none!important;box-shadow:none;background:transparent!important;transition:color .3s,opacity .3s}.nav-glass>a:focus-visible,.nav-glass>button:focus-visible{outline:1px solid currentColor;outline-offset:4px}.nav-glass.lens-pressed>.nav-lens{filter:brightness(1.1)}.scroll-identity g[fill="none"]{stroke-width:2.2}.site-header .nav-glass>.brand-scroll{transition:width .65s cubic-bezier(.22,1,.36,1),height .65s cubic-bezier(.22,1,.36,1)} /* Footer states location and roles without publishing a private address. */ .footer-details>span{color:#aeb5c4;font-size:11px}.footer-context{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:55px;padding:48px 0 45px;border-top:1px solid #ffffff25;margin-top:20px}.footer-label{display:block;color:#a4acc0;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px}.footer-context p{font-size:clamp(25px,2.5vw,38px);line-height:1.08;letter-spacing:-.04em;color:#f0eee9;margin:0 0 18px}.footer-context small{display:block;font-size:12px;line-height:1.65;color:#aab3c6;max-width:290px}.footer-accessibility{border-top:1px solid #ffffff18}.footer-bottom{gap:20px}.footer-bottom>span{font-size:10px} @media(max-width:760px){.offer{padding-block:43px 28px}.offer-heading>p{font-size:12px}.offer-art.service-composition{height:230px;margin-bottom:24px}.offer-grid{gap:24px;scrollbar-color:#778195 transparent}.offer-card{flex-basis:88%}.offer-card>p{font-size:13px}.offer-card h3{font-size:28px}.offer-number{font-size:9px}.offer .offer-foot{font-size:9px;gap:20px}.offer .offer-heading .eyebrow:after{color:#a7b5ca}.system-lab span{font-size:20px}.footer-context{grid-template-columns:1fr 1fr;gap:28px 25px;padding:32px 0;margin-top:25px}.footer-context>div:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.footer-context>div:first-child>.footer-label{grid-column:1/-1;margin-bottom:15px}.footer-context>div:first-child>p{margin:0}.footer-context>div:first-child>small{align-self:center}.footer-context p{font-size:27px;margin-bottom:15px}.footer-context small{font-size:11px}.footer-label{font-size:9px;margin-bottom:16px}.footer-details{align-items:start;gap:10px}.footer-details>span{font-size:10px;max-width:220px;line-height:1.6}.footer-bottom>span{display:block;font-size:9px;line-height:1.5;max-width:150px}} @media(prefers-reduced-motion:reduce){.contour-trace path{animation:none;stroke-dasharray:none;opacity:.3}.system-identity{transition:none}.cycle-locus-symbol{animation:none}}.motion-paused .contour-trace path{animation:none;stroke-dasharray:none;opacity:.3} .discipline-band{margin:0;background:#0b0e15;color:#97a3b9;padding:14px 0;border-block:1px solid #ffffff14}.discipline-roll{animation-duration:65s}.discipline-roll>span{font-size:22px;letter-spacing:-.025em;gap:44px;padding-right:44px}.discipline-roll i{color:#75869c}.offer-card li{border-color:#ffffff20}.offer-foot{padding-top:25px}.offer-link:focus-visible{outline:1px solid currentColor;outline-offset:5px}@media(max-width:760px){.discipline-roll>span{font-size:18px;gap:28px;padding-right:28px}.discipline-band{padding:12px 0}} /* A deliberate hierarchy: studio projects, represented artists, and distribution. */ .representation-lockup{position:absolute;left:5%;top:26%;font:700 clamp(42px,4.2vw,66px)/.9 Georgia,serif;letter-spacing:-.065em;color:#f5f2ed;text-shadow:0 2px 18px #0b0e15}.representation-lockup small{display:block;font-size:.24em;letter-spacing:-.015em;line-height:1.3;font-weight:400}.representation-lockup>span{display:block;font-size:.25em;letter-spacing:-.03em;line-height:1.8;font-weight:400}.shop-art .service-wordmark{left:4%;top:25%;width:45%;height:43%;object-fit:contain}.book-contours .contour-ground{opacity:.25}.book-contours .contour-trace{stroke:#dcc7a8;opacity:.5}.offer-card .offer-link{text-decoration:none;border-bottom:1px solid #ffffff40;line-height:1.5}.offer-card h3{font-size:clamp(27px,2.65vw,40px)}.offer-card:before{background:#b3bed0}.offer-grid{gap:40px}.offer-card>p{max-width:370px}.offer-heading>p{max-width:390px}.artist-roster{display:flex;gap:30px;align-items:center;padding:23px 0 0;margin-top:26px;border-top:1px solid #50635940}.artist-roster>span{font-size:10px;color:#536354;text-transform:uppercase;letter-spacing:.05em}.artist-roster strong{font-size:16px;font-weight:400;letter-spacing:-.03em}.practice-tabs{margin-top:25px}.audience-representation{position:absolute;left:12%;bottom:14%;font:400 13px/1.1 Georgia,serif;color:#f5f2ef;z-index:3}.audience-representation em{font-size:31px;font-style:normal;letter-spacing:-.06em}.shop-section{background:#e8e5dc;color:#20281f;display:grid;grid-template-columns:1fr 1.15fr;gap:10%;padding-block:65px;border-top:1px solid #66755e30;max-width:none;scroll-margin-top:125px}.shop-heading>img{filter:brightness(0);width:85px;height:auto;display:block;margin-bottom:26px}.shop-heading>.eyebrow{font-size:9px;color:#59624e}.shop-heading h2{font:400 clamp(36px,4.2vw,63px)/1.04 Georgia,serif;letter-spacing:-.05em;margin:19px 0 24px}.shop-heading>p:last-child{font-size:13px;line-height:1.75;max-width:370px;color:#535e51}.shop-routes{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-self:center}.shop-routes article{border-top:1px solid #69755e60;padding-top:22px;display:flex;flex-direction:column;align-items:start}.route-index{font-size:9px;letter-spacing:.035em;text-transform:uppercase;color:#66725d}.shop-routes h3{font-size:26px;letter-spacing:-.05em;font-weight:400;margin:32px 0 20px;line-height:1.1}.shop-routes p{font-size:13px;line-height:1.8;color:#54604d}.shop-routes .offer-link{font-size:11px;gap:22px;color:#283522;border-bottom:1px solid #66755e60;margin-top:28px;width:100%;text-decoration:none}.shop-routes .offer-link svg{flex:none;width:17px}.footer-context{grid-template-columns:1.12fr 1fr 1fr 1fr;gap:35px}.footer-context p{font-size:clamp(24px,2.3vw,35px)} @media(min-width:761px){.site-header .nav-glass,.site-header.compact .nav-glass{width:660px;min-width:660px;max-width:calc(100vw - 80px);gap:8px;padding:11px 28px 11px 25px;justify-content:space-between}.site-header .nav-glass>.brand-scroll{width:102px;height:70px;padding:0;margin:0 30px 0 4px}.site-header.compact .nav-glass>.brand-scroll{width:94px;height:64px;margin:0 34px 0 4px}.site-header .nav-glass>a:not(.brand),.site-header .nav-glass>button,.site-header.compact .nav-glass>a:not(.brand),.site-header.compact .nav-glass>button{padding-inline:19px;min-height:54px;font-size:13px}.site-header .nav-glass>button span{margin-left:10px}.site-header .nav-glass>.brand-scroll{flex-shrink:0}.site-header .nav-glass>.brand-scroll:focus-visible{outline-offset:7px}} @media(max-width:1000px) and (min-width:761px){.shop-section{gap:6%}.shop-routes{gap:22px}.offer-grid{gap:25px}.offer-card h3{font-size:27px}.offer-card>p{font-size:12px}.footer-context{gap:22px}} @media(max-width:760px){.site-header,.site-header.compact{left:10px;right:10px}.site-header .nav-glass,.site-header.compact .nav-glass{width:100%;max-width:440px;min-width:0;padding:8px 14px;gap:4px}.site-header .nav-glass>.brand-scroll,.site-header.compact .nav-glass>.brand-scroll{width:77px;height:56px;margin:0 9px 0 4px;padding:0}.site-header .nav-glass>a:not(.brand),.site-header .nav-glass>button,.site-header.compact .nav-glass>a:not(.brand),.site-header.compact .nav-glass>button{font-size:12px;padding-inline:12px;min-height:48px}.site-header .nav-glass>a[href="#studio"]{display:none}.offer-card h3{font-size:28px}.representation-lockup{font-size:51px}.offer-grid{gap:24px}.artist-roster{gap:16px;flex-wrap:wrap;padding-top:20px;margin-top:23px}.artist-roster>span{flex-basis:100%;font-size:9px}.artist-roster strong{font-size:15px}.shop-section{grid-template-columns:1fr;padding:42px 24px;gap:32px;scroll-margin-top:100px}.shop-heading>img{width:70px;margin-bottom:23px}.shop-heading h2{font-size:39px;margin-block:17px}.shop-heading>p:last-child{font-size:12px}.shop-routes{gap:24px}.shop-routes h3{font-size:25px;margin:23px 0 15px}.shop-routes p{font-size:12px}.route-index{font-size:8px}.shop-routes .offer-link{font-size:10px;gap:10px;align-items:center}.footer-context{grid-template-columns:1fr 1fr;gap:28px 23px}.footer-context>div:first-child{grid-column:auto;display:block}.footer-context>div:first-child>p{margin-bottom:15px}.footer-context p{font-size:25px}} @media(max-width:370px){.site-header .nav-glass,.site-header.compact .nav-glass{padding-inline:9px;gap:0}.site-header .nav-glass>.brand-scroll,.site-header.compact .nav-glass>.brand-scroll{width:68px;height:51px;margin-left:3px;margin-right:6px}.site-header .nav-glass>a:not(.brand),.site-header .nav-glass>button,.site-header.compact .nav-glass>a:not(.brand),.site-header.compact .nav-glass>button{font-size:11px;padding-inline:9px}.shop-routes{grid-template-columns:1fr}.shop-routes h3{margin-top:17px}.shop-routes .offer-link{margin-top:15px}} .studio-scope{display:grid;grid-template-columns:1fr 2.05fr;gap:50px;border-top:1px solid #ffffff24;margin-top:55px;padding-top:38px}.scope-intro .eyebrow{font-size:9px;color:#98a6b8}.scope-intro h3{font:400 clamp(25px,2.4vw,35px)/1.1 Georgia,serif;letter-spacing:-.035em;margin:18px 0}.scope-intro>p:last-child{font-size:12px;line-height:1.7;color:#a9b2c0;max-width:350px}.studio-scope ol{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.studio-scope li>span{font-size:9px;color:#91a1b9}.studio-scope li>strong{display:block;font-weight:400;font-size:18px;line-height:1.25;letter-spacing:-.025em;margin:22px 0 15px}.studio-scope li>p{font-size:12px;line-height:1.7;color:#adb6c4}.research-bridge{display:grid;grid-template-columns:280px 1fr;gap:45px;align-items:center;background:#101720;color:#e9eff1;padding:35px var(--gutter) 40px;border-top:1px solid #ffffff25}.research-bridge .offer-art{height:210px;position:relative;margin:0}.research-bridge>div:last-child{max-width:650px}.research-bridge .eyebrow{font-size:9px;color:#a1b0c1}.research-bridge h3{font:400 33px/1.05 Georgia,serif;letter-spacing:-.03em;margin:18px 0}.research-bridge p:not(.eyebrow){font-size:13px;line-height:1.7;color:#acbac9}.research-bridge .offer-link{color:#e8edf2;font-size:11px;justify-content:flex-start;gap:30px;margin-top:14px}.project-scope{display:flex;flex-wrap:wrap;gap:6px 17px;list-style:none;margin:13px 0 12px;padding:0!important;max-width:650px}.project-scope li{font-size:9px;line-height:1.5;color:#bec9d8;padding:0 0 3px;border-bottom:1px solid #ffffff27}.feature-caption .project-credit{font-size:9px!important;line-height:1.6!important;margin-top:10px!important}.feature-caption>div:first-child{min-width:0}.collection .feature-caption{padding-top:20px}.collection .feature-caption>div>p:not(.project-number):not(.project-credit){font-size:12px;line-height:1.65} @media(max-width:760px){.studio-scope{grid-template-columns:1fr;gap:28px;margin-top:32px;padding-top:28px}.scope-intro h3{font-size:30px}.scope-intro>p:last-child{max-width:450px}.studio-scope ol{grid-template-columns:1fr;gap:18px}.studio-scope li{display:grid;grid-template-columns:90px 1fr;gap:7px 14px;border-top:1px solid #ffffff18;padding-top:15px}.studio-scope li>span{font-size:8px;grid-row:1/3;line-height:1.6}.studio-scope li>strong{font-size:16px;margin:0}.studio-scope li>p{font-size:11px}.research-bridge{padding:28px 24px 35px;grid-template-columns:110px 1fr;gap:19px}.research-bridge .offer-art{height:175px}.research-bridge .system-identity{inset:12% 0 22%}.research-bridge .cycle-locus-symbol{width:50%;height:47%}.research-bridge .cycle-locus-wordmark{width:80%}.research-bridge .system-lab span{font-size:14px;margin-top:-6px}.research-bridge .system-cycle-label{display:none}.research-bridge .eyebrow{font-size:8px;line-height:1.6}.research-bridge h3{font-size:27px;margin-block:12px}.research-bridge p:not(.eyebrow){font-size:11px}.research-bridge .offer-link{font-size:10px;gap:12px;line-height:1.6}.project-scope{gap:5px 12px;margin:10px 0}.project-scope li{font-size:8px}.collection .feature-caption>div>p:not(.project-number):not(.project-credit){font-size:11px}.collection .feature-caption{padding-top:15px}} /* Continuous colour fields keep the scroll from breaking into stacked panels. */ .hero-shade{background:linear-gradient(180deg,#070b1010 45%,#0b0e1570 78%,#0b0e15 100%)!important}.discipline-band{border:0}.offer{padding-bottom:50px}.work.collection{background:linear-gradient(180deg,#0b0e15,#111522 180px)}.research-bridge{border:0;background:linear-gradient(180deg,#111522,#101720 75%)}.section-blend{height:clamp(110px,12vw,185px);background:linear-gradient(180deg,var(--blend-from) 0%,color-mix(in srgb,var(--blend-from) 90%,var(--blend-to)) 20%,color-mix(in srgb,var(--blend-from) 65%,var(--blend-to)) 40%,color-mix(in srgb,var(--blend-from) 35%,var(--blend-to)) 60%,color-mix(in srgb,var(--blend-from) 10%,var(--blend-to)) 80%,var(--blend-to) 100%);margin:-1px 0;pointer-events:none}.original-practice{padding-top:40px;padding-bottom:45px}.shop-section{border:0;background:linear-gradient(180deg,#dedfd6,#e8e5dc 190px);padding-top:55px}.commission-pathways{padding-top:40px;padding-bottom:35px}.studio.section{padding-top:40px;padding-bottom:40px}.commission-invitation{padding-top:40px;padding-bottom:65px}footer{background:linear-gradient(180deg,#18141f,#171820 250px)} @media(max-width:760px){.section-blend{height:100px}.original-practice,.commission-pathways,.studio.section,.commission-invitation{padding-top:30px}.shop-section{padding-top:35px}.offer{padding-bottom:30px}.research-bridge{padding-bottom:25px}} /* An open process section, without a decorative container or repeated brand pitch. */ .studio.section{grid-template-columns:1fr 1fr;align-items:start;gap:9%;padding-top:40px;padding-bottom:50px}.about-studio-mark{filter:brightness(0);width:120px;height:auto;display:block;margin-bottom:35px}.studio-intro>.eyebrow{color:#687160;font-size:9px}.studio-intro h2{font-size:clamp(39px,4.5vw,65px);margin:18px 0 25px;line-height:1.02;letter-spacing:-.055em}.studio-intro .studio-direct{font-size:clamp(20px,2vw,28px);line-height:1.4;letter-spacing:-.025em;max-width:530px}.studio-intro .studio-detail{font-size:13px;line-height:1.8;color:#55604f;max-width:520px;margin-top:22px}.studio>.working-together{margin-top:0;align-self:center}.studio .working-together>.eyebrow{font-size:9px;color:#687160;margin-bottom:22px}.studio .process-step{padding-block:22px;border-color:#5e715b45}.studio .process-step h3{font-size:20px;font-weight:400;letter-spacing:-.025em}.studio .process-step p{font-size:13px;line-height:1.7;color:#55604f;max-width:470px}.studio .process-step h3 span{font-size:9px;color:#687160} @media(max-width:760px){.studio.section{grid-template-columns:1fr;gap:32px;padding-top:30px;padding-bottom:35px}.about-studio-mark{width:94px;margin-bottom:27px}.studio-intro h2{font-size:39px;margin-block:15px 22px}.studio-intro .studio-direct{font-size:22px;line-height:1.4}.studio-intro .studio-detail{font-size:12px;margin-top:20px}.studio .process-step{padding-block:20px}.studio .process-step h3{font-size:19px}.studio .process-step p{font-size:12px}} .linework-hero .hero-shade{background:linear-gradient(0deg,#0b0e15,transparent 40%),linear-gradient(90deg,#0d1019df,#0d10196b 55%,#0d101930)!important} /* /cohesion.css */ /* One collection language: stable captions, native rails, quiet controls. */ .brand-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;animation:brand-landscape-drift 32s ease-in-out infinite alternate}.hero-routes{display:flex;align-items:center;gap:23px}.hero-routes a{font-size:10px;letter-spacing:.025em;color:#eceef2;text-decoration:none;border-bottom:1px solid #ffffff40;padding:10px 0;transition:border-color .3s}.hero-routes a:hover{border-color:#fff}.background-caption{font-size:9px}.offer-art{perspective:1000px}.offer-art .service-contours{transform:translate3d(var(--art-x,0px),var(--art-y,0px),0);transition:transform 1.1s cubic-bezier(.22,1,.36,1)}.offer-art .service-wordmark,.offer-art .representation-lockup{transform:translate3d(calc(var(--art-x,0px)*-.4),calc(var(--art-y,0px)*-.4),0);transition:transform 1.1s cubic-bezier(.22,1,.36,1)}.service-contours .contour-trace{stroke-width:1.05}.service-contours .contour-trace path{stroke-dasharray:.3 .7;animation-duration:18s}.offer-card:hover .contour-trace{opacity:.85}.offer-card .service-composition{height:250px}.offer-card{border-color:#ffffff26}.offer-heading{margin-bottom:34px}.offer-number{letter-spacing:.08em}.offer-card h3{margin-top:22px}.offer-link,.artist-enquiry{border-radius:0!important}.gallery-controls button{border-radius:50%;transition:background .3s,transform .35s}.gallery-controls button:hover:not(:disabled){transform:translateY(-2px);background:#ffffff12}.gallery-controls button:disabled{opacity:.28}.gallery-controls button:focus-visible,.collection-index button:focus-visible,.artist-frame-controls button:focus-visible{outline:2px solid currentColor;outline-offset:4px} .artist-collection.work.collection{background:#dedfd6;color:#141c22;padding-top:40px;padding-bottom:40px}.artist-collection .gallery-heading .eyebrow{color:#5b675d}.artist-collection .collection-intro{color:#4e5c52}.artist-collection .gallery-controls{color:#293c30}.artist-collection .gallery-controls button{color:inherit;border-color:#65756150}.artist-collection .gallery-controls button:hover:not(:disabled){background:#ffffff50}.artist-collection .collection-index button{color:#42513f;border-color:#73816e50}.artist-collection .collection-index button[aria-pressed=true]{background:#243d34;color:#f2f1e9;border-color:#243d34}.artist-collection .collection-index button:hover{border-color:#243d34}.artist-collection .work-track>.artist-card{display:grid;grid-template-columns:1.15fr 1fr;flex-basis:min(88vw,1400px);background:#f0eee6;border:1px solid #435b3326;border-radius:24px;overflow:hidden;box-shadow:0 15px 35px #25352208}.artist-sequence{position:relative;min-width:0;min-height:440px;background:#d7d7cd;isolation:isolate}.artist-slide{position:absolute;inset:0;display:grid;grid-template-rows:1fr 76px;margin:0;opacity:0;visibility:hidden;transition:opacity 1.3s ease,visibility 1.3s;pointer-events:none}.artist-slide.is-current{opacity:1;visibility:visible;z-index:1}.artist-work-image{min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.artist-work-image img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1);transition:transform 8s cubic-bezier(.2,.5,.3,1)}.artist-slide.is-current .artist-work-image img{transform:scale(1.025)}.artist-slide figcaption{position:relative;padding:17px 23px 15px;display:flex;flex-direction:column;justify-content:center;gap:5px;background:#e8e7de;color:#27352b}.artist-slide figcaption strong{font:400 15px/1.25 Georgia,serif;letter-spacing:-.015em}.artist-slide figcaption span{font-size:9px;line-height:1.4;color:#5d685c}.artist-frame-controls{position:absolute;top:17px;left:18px;right:18px;display:flex;gap:5px;z-index:3}.artist-frame-controls button{font-size:10px;display:flex;gap:8px;padding:10px 13px;border-radius:999px;border:1px solid #ffffff9c;background:#eceee7ba;color:#202c24;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:inset 0 1px #ffffffa0;min-height:36px}.artist-frame-controls button span{font-size:8px;opacity:.6}.artist-frame-controls button[aria-pressed=true]{background:#253b33e8;color:#fff;border-color:#ffffff55}.artist-profile{padding:clamp(25px,3.3vw,52px);display:flex;flex-direction:column;justify-content:center;align-items:start;min-width:0}.artist-person{display:flex;align-items:center;gap:23px;width:100%}.artist-portrait{width:94px;height:112px;object-fit:cover;object-position:50% 28%;border-radius:12px;flex:none}.artist-person .eyebrow{color:#697463;font-size:9px;letter-spacing:.06em}.artist-person h3{font:400 clamp(29px,3.2vw,48px)/1.02 Georgia,serif;letter-spacing:-.05em;margin-top:12px}.artist-discipline{font-size:10px;margin-top:26px;color:#54644f}.artist-bio{font-size:14px;line-height:1.75;margin-top:18px;max-width:420px;color:#42513f}.artist-credit{border-top:1px solid #677b5d30;padding-top:19px;margin-top:23px;display:flex;flex-direction:column;gap:5px;font-size:10px;line-height:1.5;color:#53654c}.artist-credit small{font-size:9px;color:#75816d;margin-top:6px}.artist-enquiry{display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:44px;background:none;border:0;border-bottom:1px solid #56694d70;color:#273c2b;font-size:12px;margin-top:25px;padding:10px 0;width:100%;max-width:330px;text-align:left}.artist-enquiry svg{width:20px;height:20px;flex:none}.artist-collection .gallery-footer{color:#59694f}.artist-collection .gallery-progress{background:#50634922}.artist-collection .gallery-progress i{background:#5d7651}.artist-collection .gallery-heading h2{font-size:clamp(34px,3.8vw,58px)} /* Enquiry routes use the same drag, arrow, count and progress pattern. */ .audience-collection.commission-pathways{display:block;padding-inline:0;overflow:hidden}.audience-collection-heading{display:flex;align-items:end;gap:45px;justify-content:space-between;padding-inline:var(--gutter);margin-bottom:32px}.audience-collection .pathway-heading h2{font-size:clamp(34px,3.8vw,58px);margin-top:17px}.audience-collection .pathway-heading h2 br{display:none}.audience-collection .pathway-heading>p:last-child{max-width:650px;font-size:13px;margin-top:19px}.audience-collection .pathway-list{display:flex;overflow-x:auto;gap:24px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:0 var(--gutter) 20px;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y}.audience-collection .pathway-list::-webkit-scrollbar{display:none}.audience-collection .pathway-list.dragging{cursor:grabbing;scroll-snap-type:none}.audience-collection .pathway-list.is-gliding{scroll-snap-type:none}.audience-collection .audience{display:grid;grid-template-columns:160px 1fr;gap:20px 30px;align-items:start;flex:0 0 min(69vw,920px);scroll-snap-align:start;scroll-margin-left:var(--gutter);padding:30px;border:1px solid #ffffff24;border-radius:24px;background:linear-gradient(135deg,#1a1d29,#11151d);min-width:0}.audience-collection .audience-graphic{grid-column:1;grid-row:1/3;width:160px;height:180px;margin:0;align-self:center}.audience-collection .audience-heading{grid-column:2;display:block;min-height:0;padding:0;border:0}.audience-collection .audience-heading>span{display:none}.audience-collection .audience-heading strong{font-size:31px;line-height:1.05}.audience-collection .pathway-content{grid-column:2;display:flex;padding:0;min-width:0}.audience-collection .pathway-content>p{font-size:12px}.audience-collection .pathway-content ul{padding:16px 0}.audience-collection .pathway-content li{font-size:11px}.audience-collection .pathway-content .pathway-proof{font-size:9px;line-height:1.6}.audience-collection .pathway-content button{font-size:11px;margin-top:12px}.audience-collection .gallery-footer{margin-inline:var(--gutter);padding-top:14px}.audience-collection .gallery-controls{color:#c2cad7}.audience-collection .gallery-controls button{border-color:#ffffff35;color:inherit}.audience-collection .audience:hover{transform:none}.studio .studio-detail{font-size:15px;max-width:520px}.studio-intro h2{margin-bottom:23px}.studio-intro .studio-detail{margin-top:0} @keyframes brand-landscape-drift{to{transform:scale(1.05)}} @media(max-width:760px){.hero-routes{order:3;width:100%;justify-content:space-between;gap:16px;border-top:1px solid #ffffff25;padding-top:8px}.hero-routes a{font-size:9px;min-height:40px;display:flex;align-items:center;border-bottom:0}.offer-card .service-composition{height:230px}.artist-collection.work.collection{padding-top:28px;padding-bottom:28px}.artist-collection .collection-intro{display:block;font-size:11px;max-width:280px;line-height:1.6;margin-top:13px}.artist-collection .gallery-heading{align-items:start}.artist-collection .gallery-heading h2{font-size:30px;max-width:230px}.artist-collection .gallery-controls{padding-top:23px}.artist-collection .gallery-controls>span{display:none}.artist-collection .work-track>.artist-card{display:flex;flex-direction:column;flex-basis:88vw;border-radius:20px}.artist-sequence{min-height:255px;height:255px;flex:none}.artist-slide{grid-template-rows:1fr 62px}.artist-slide figcaption{padding:11px 16px;gap:4px}.artist-slide figcaption strong{font-size:13px}.artist-slide figcaption span{font-size:8px}.artist-frame-controls{top:11px;left:12px;right:12px;gap:4px}.artist-frame-controls button{font-size:9px;min-height:32px;padding:7px 10px;gap:5px}.artist-frame-controls button span{font-size:7px}.artist-profile{padding:21px 19px;flex:1;justify-content:flex-start}.artist-person{gap:17px}.artist-portrait{width:62px;height:74px;border-radius:9px}.artist-person .eyebrow{font-size:8px}.artist-person h3{font-size:31px;margin-top:9px}.artist-discipline{margin-top:15px;font-size:9px}.artist-bio{font-size:11px;line-height:1.65;margin-top:12px}.artist-credit{margin-top:15px;padding-top:13px;font-size:9px;gap:3px}.artist-credit small{font-size:8px;margin-top:3px}.artist-enquiry{font-size:11px;margin-top:14px;min-height:40px}.audience-collection-heading{display:flex;gap:20px;margin-bottom:25px}.audience-collection .pathway-heading h2{font-size:32px;max-width:250px}.audience-collection .pathway-heading>p:last-child{font-size:11px;margin-top:16px}.audience-collection .gallery-controls{align-self:start;padding-top:30px;gap:5px}.audience-collection .gallery-controls>span{display:none}.audience-collection .gallery-controls button{width:36px;min-width:36px;height:36px}.audience-collection .pathway-list{gap:18px}.audience-collection .audience{flex-basis:88vw;grid-template-columns:80px 1fr;gap:20px 16px;padding:23px 20px;border-radius:20px}.audience-collection .audience-graphic{grid-row:1;grid-column:1;width:80px;height:105px;align-self:start}.audience-collection .audience-heading{grid-column:2;align-self:center}.audience-collection .audience-heading strong{font-size:25px}.audience-collection .pathway-content{grid-column:1/-1}.audience-collection .audience-art-label{display:none}.audience-collection .audience-brand{width:62%;left:12%}.audience-collection .audience-representation{left:3%;font-size:9px}.audience-collection .audience-representation em{font-size:21px}.audience-collection .pathway-content>p{font-size:12px}.audience-collection .pathway-content ul{padding:13px 0}.audience-collection .gallery-footer p,.audience-collection .gallery-footer>span{font-size:9px}.studio .studio-detail{font-size:13px}} @media(prefers-reduced-motion:reduce){.brand-landscape{animation:none}.artist-slide,.artist-work-image img,.offer-art .service-contours,.offer-art .service-wordmark,.offer-art .representation-lockup{transition:none!important;transform:none!important}}.motion-paused .brand-landscape{animation:none}.motion-paused .artist-slide,.motion-paused .artist-work-image img{transition:none;transform:none} .audience-collection .audience+.audience{margin-top:0;border-top:1px solid #ffffff24}.audience-collection .audience-heading{margin-bottom:0}.audience-collection .gallery-footer{padding-inline:0}.audience-collection .gallery-progress{background:#ffffff25}.audience-collection .gallery-progress i{background:#b0bdd0}.collection,.audience-collection{overflow-anchor:none}.hero-routes a:focus-visible{outline:1px solid currentColor;outline-offset:3px} @media(max-width:760px){.artist-collection .gallery-heading h2{font-size:29px;max-width:240px}.artist-sequence{height:225px;min-height:225px}.artist-person h3{font-size:29px}.artist-bio{font-size:11px}.artist-profile{padding:19px}.artist-credit{font-size:8px}.artist-collection .gallery-controls{padding-top:20px}.audience-collection .pathway-heading h2 br{display:block}.artist-collection .collection-intro{max-width:260px}.audience-collection .audience-heading strong{font-size:24px}} /* /interaction-refinement.css */ /* The identity itself animates; its hit area never becomes a second pill. */ .site-header .nav-glass>a.brand,.site-header .nav-glass>a.brand:hover,.site-header .nav-glass>a.brand:active,.site-header .nav-glass>a.brand:focus{background:transparent!important;box-shadow:none!important;border-color:transparent!important;transform:none!important}.nav-glass .brand::before,.nav-glass .brand::after{display:none!important}.nav-glass .brand svg{pointer-events:none}.nav-glass .brand:focus-visible{outline:1px solid currentColor;outline-offset:7px;border-radius:8px} /* Every collection shares the same native horizontal movement and controls. */ [data-gallery-track]{touch-action:pan-x pan-y;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}[data-gallery-track]>*{scroll-snap-align:start}[data-gallery-track].is-gliding,[data-gallery-track].dragging{scroll-snap-type:none!important}[data-gallery-track] img{user-select:none;-webkit-user-drag:none}.gallery-controls button{min-width:44px!important;width:44px!important;min-height:44px!important;height:44px!important}.artist-frame-controls button{min-height:44px;padding-inline:16px;font-size:11px}.collection-index button{min-height:44px}.artist-enquiry,.offer-link{min-height:48px}.artist-frame-controls{gap:7px}.artist-track{scroll-padding-inline:var(--gutter)} .service-collection{padding-inline:0!important}.service-collection .offer-heading,.service-collection .studio-scope,.service-collection .offer-foot{margin-inline:var(--gutter)}.service-navigation{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 var(--gutter);margin-bottom:25px}.service-navigation .collection-index{padding:0;margin:0;gap:8px}.service-navigation .collection-index button[aria-pressed=true]{background:#e4e6e9;color:#17202a;border-color:#e4e6e9}.service-navigation .gallery-controls{color:#b5bfce}.service-navigation .gallery-controls button{color:inherit;border-color:#ffffff35}.service-collection .offer-grid{display:flex;overflow-x:auto;gap:24px;padding:0 var(--gutter) 12px;margin:0;scroll-padding-inline:var(--gutter);cursor:grab}.service-collection .offer-card{flex:0 0 min(42vw,580px);padding:24px 30px 20px;border:1px solid #ffffff22;border-radius:24px;background:linear-gradient(150deg,#ffffff05,transparent 65%);min-width:0}.service-collection .offer-card:before{display:none}.service-collection .offer-art{height:220px;margin-bottom:23px}.service-collection .offer-card h3{font-size:32px;margin-top:21px}.service-collection .offer-card>p{font-size:13px;max-width:none}.service-collection .offer-card ul{margin-block:20px}.service-collection .gallery-footer{color:#929eae}.service-collection .gallery-progress{background:#ffffff20}.service-collection .gallery-progress i{background:#b0bfcc}.service-collection .offer-foot{margin-top:28px}.service-collection .studio-scope{margin-top:40px}.service-collection .representation-lockup{font-size:56px} .research-bridge{grid-template-columns:minmax(250px,.75fr) 1.25fr;gap:7%;padding-block:50px 55px}.research-bridge .offer-art{height:310px}.research-copy{max-width:none!important}.research-copy h3{font-size:36px}.system-tabs{display:flex;gap:8px;margin:24px 0 20px}.system-tabs button{min-height:46px;padding:12px 21px;color:#bfcbd8;background:transparent;border:1px solid #ffffff30;border-radius:99px;font-size:12px}.system-tabs button[aria-selected=true]{background:#e0e5e9;color:#16202b;border-color:#e0e5e9}.system-tabs button:focus-visible{outline:2px solid currentColor;outline-offset:4px}.system-copy-panel{min-height:202px}.system-copy-panel[hidden]{display:none}.system-copy-panel ul{display:flex;flex-wrap:wrap;gap:9px 23px;padding:0;margin:18px 0;list-style:none}.system-copy-panel li{font-size:10px;color:#99adbe;border-bottom:1px solid #ffffff20;padding-bottom:8px}.system-copy-panel .offer-link{margin-top:12px}.system-release-note{font-size:9px;color:#7e90a3;display:block;margin-top:12px}.research-bridge .system-lab span{font-size:24px;white-space:nowrap} /* Branded print and book forms: illustrations of formats, not product listings. */ .shop-collection.shop-section{display:block;padding-inline:0;overflow:hidden}.shop-collection .gallery-heading{margin-bottom:30px}.shop-collection .gallery-heading h2{font:400 clamp(42px,5vw,68px)/1 Georgia,serif;letter-spacing:-.05em}.shop-collection .collection-intro{color:#56644f;max-width:600px;font-size:13px}.shop-collection .gallery-controls button{color:#34462d;border-color:#70826760}.shop-track{display:flex;overflow:auto;gap:26px;padding:0 var(--gutter) 15px;scroll-padding-inline:var(--gutter);cursor:grab}.shop-card{flex:0 0 min(79vw,1190px);display:grid;grid-template-columns:1fr 1fr;border:1px solid #5d735c30;border-radius:24px;overflow:hidden;background:#efeee5;min-width:0}.shop-art-stage{position:relative;min-height:390px;display:grid;place-items:center;perspective:1100px;overflow:hidden}.shop-editions{background:#c9cbbf}.shop-books{background:#253d38}.shop-object{position:relative;width:70%;height:300px;transform-style:preserve-3d}.edition-sheet{position:absolute;width:66%;height:83%;top:8%;left:18%;background:#efeee5;border:1px solid #a5aaa0;box-shadow:6px 16px 25px #26362624;transform-origin:50% 85%}.sheet-back{transform:rotate(-13deg) translateX(-17px);background:#aabbb2}.sheet-middle{transform:rotate(8deg) translateX(21px);background:#c6b7ca}.sheet-middle img{width:40%;position:absolute;bottom:15%;right:9%;filter:brightness(0);opacity:.65}.sheet-front{display:flex;align-items:center;justify-content:center;transform:rotate(-3deg);animation:edition-lift 9s ease-in-out infinite alternate}.sheet-front img{width:72%;height:55%;object-fit:contain;filter:brightness(0);opacity:.85}.sheet-front span{position:absolute;bottom:10%;left:10%;font-size:9px;color:#4c5b48}.edition-registration{position:absolute;bottom:0;left:25%;right:18%;height:1px;background:#6b786b40;display:flex;justify-content:space-between}.edition-registration i{height:8px;width:1px;background:#6b786b60;transform:translateY(-4px)}.book-object{width:75%;transform:rotateX(9deg) rotateY(-18deg) rotateZ(-4deg);animation:book-turn 12s ease-in-out infinite alternate}.book-volume{position:absolute;transform-style:preserve-3d;border:1px solid #e7e6d43d;width:62%;height:84%;left:20%;top:8%;box-shadow:16px 25px 25px #0c191c30}.book-back{background:#9babb2;transform:translate3d(34px,18px,-30px) rotateZ(12deg)}.book-back>span{position:absolute;bottom:13%;left:13%;font-size:8px;letter-spacing:.08em;color:#263f3a}.book-front{background:#dae0d1}.book-cover{position:absolute;inset:0;padding:10%;background:#d8ddc8;display:flex;flex-direction:column;align-items:start;justify-content:space-between;border-left:5px solid #b7c0a9}.book-cover>img:first-child{width:54%;height:40%;object-fit:contain;filter:brightness(0)}.book-cover .book-stripes{position:absolute;right:12%;top:33%;width:35%;height:30%;object-fit:contain;filter:brightness(0);opacity:.6}.book-cover>span{font:18px/1.1 Georgia,serif;color:#213c32;letter-spacing:-.04em}.book-spine{position:absolute;left:-15px;top:0;width:15px;height:100%;background:#889f8c;transform:rotateY(-80deg);transform-origin:right}.book-pages{position:absolute;inset:6px -8px -6px 8px;background:repeating-linear-gradient(0deg,#f1f0e5 0 2px,#b6bcae 2px 3px);transform:translateZ(-7px)}.shop-card-copy{display:flex;flex-direction:column;justify-content:center;align-items:start;padding:clamp(25px,3vw,48px)}.shop-card-copy>.eyebrow{font-size:9px;color:#64765c}.shop-card-copy h3{font:400 clamp(30px,3vw,44px)/1.06 Georgia,serif;letter-spacing:-.04em;margin:24px 0}.shop-card-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#4b5e42;max-width:390px}.shop-card-copy .offer-link{color:#2f462b;gap:30px;margin-top:28px;border-bottom:1px solid #7c8e7070;width:100%}.shop-card-copy>small{font-size:9px;line-height:1.6;color:#7b876f;margin-top:14px}.shop-collection .gallery-footer{color:#66735d}.shop-collection .gallery-progress{background:#7a8a6630}.shop-collection .gallery-progress i{background:#5b754a} /* Enquiry cards use project materials, not decorative floating sculptures. */ .audience-collection .audience{grid-template-columns:.95fr 1.05fr;padding:0;gap:0;overflow:hidden;flex-basis:min(79vw,1190px)}.brief-graphic{position:relative;min-height:345px;overflow:hidden;display:flex;align-items:center;justify-content:center}.brief-brands{background:#243e3b}.brief-brands>img{position:absolute;width:66%;height:32%;object-fit:contain;animation:client-mark-change 14s ease-in-out infinite}.brief-brands>img:nth-child(2){opacity:0;animation-delay:-7s;width:68%}.brief-graphic>span{position:absolute;bottom:28px;left:25px;right:25px;font-size:9px;line-height:1.7;color:#d5ddd7}.brief-artists{background:#171d25;gap:17px;padding:40px}.brief-artists>img{width:39%;height:190px;object-fit:cover;object-position:50% 25%;border-radius:4px}.brief-artists>img:nth-child(2){transform:translateY(15px)}.brief-painting{background:#302236}.brief-colour{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;animation:brand-landscape-drift 20s ease-in-out infinite alternate}.brief-lab{position:relative;width:55%;height:45%;object-fit:contain}.brief-copy{padding:35px;display:flex;flex-direction:column;align-items:start}.brief-copy .eyebrow{font-size:9px;color:#94a4b8;line-height:1.5}.brief-copy h3{font:400 clamp(28px,2.6vw,39px)/1.08 Georgia,serif;letter-spacing:-.04em;margin:23px 0 21px}.brief-copy>p:not(.eyebrow){font-size:13px;line-height:1.7;color:#b7c1ce}.brief-copy ul{list-style:none;padding:0;margin:20px 0;width:100%}.brief-copy li{font-size:10px;color:#a0b1c3;line-height:1.7;padding:8px 0;border-bottom:1px solid #ffffff20}.brief-copy .offer-link{color:#e2e8ed;width:100%;border-bottom:1px solid #ffffff50;gap:20px;margin-top:auto}.audience-collection .pathway-heading h2{font-size:clamp(40px,4.5vw,64px)} @keyframes edition-lift{to{transform:translateY(-6px) rotate(1deg)}}@keyframes book-turn{to{transform:rotateX(5deg) rotateY(-5deg) rotateZ(0deg)}}@keyframes client-mark-change{0%,35%{opacity:1;transform:translateY(0)}45%,85%{opacity:0;transform:translateY(-8px)}95%,100%{opacity:1;transform:translateY(0)}} @media(max-width:760px){.service-collection .offer-heading{display:block;margin-bottom:24px}.service-collection .offer-heading>p{margin-top:18px;font-size:12px;max-width:330px}.service-navigation{gap:10px;margin-bottom:20px}.service-navigation .collection-index{gap:5px}.service-navigation .collection-index button{font-size:10px;padding:10px 13px}.service-navigation .gallery-controls{gap:5px}.service-navigation .gallery-controls>span{display:none}.service-collection .offer-grid{gap:18px}.service-collection .offer-card{flex-basis:88vw;padding:19px 21px 16px;border-radius:20px}.service-collection .offer-art{height:175px;margin-bottom:18px}.service-collection .offer-card h3{font-size:27px;margin-top:18px}.service-collection .offer-card>p{font-size:12px;line-height:1.7}.service-collection .offer-card ul{margin-block:16px}.service-collection .offer-card li{font-size:11px;padding-block:8px}.service-collection .representation-lockup{font-size:44px}.service-collection .offer-number{font-size:8px}.artist-frame-controls{left:10px;right:10px;top:9px;gap:4px}.artist-frame-controls button{min-height:44px;font-size:10px;padding-inline:11px}.artist-frame-controls button span{display:none}.artist-collection .gallery-heading h2{font-size:27px}.artist-collection .gallery-controls{gap:5px}.artist-frame-controls{touch-action:manipulation}.research-bridge{grid-template-columns:1fr;padding:30px 24px 35px;gap:15px}.research-bridge .offer-art{height:190px;width:100%;max-width:310px;justify-self:center}.research-bridge .system-identity{inset:8% 14% 15%}.research-bridge .cycle-locus-symbol{width:35%;height:48%}.research-bridge .cycle-locus-wordmark{width:52%;height:20%}.research-bridge .system-lab span{font-size:21px}.research-bridge h3{font-size:30px}.research-copy .eyebrow{font-size:9px}.system-tabs{margin-block:20px}.system-tabs button{min-height:46px;font-size:12px;flex:1;padding-inline:12px}.research-bridge .system-copy-panel p{font-size:13px}.system-copy-panel{min-height:220px}.system-copy-panel ul{display:block;margin-top:15px}.system-copy-panel li{font-size:11px;margin-bottom:7px}.system-copy-panel .offer-link{font-size:12px}.system-release-note{font-size:9px;line-height:1.5}.shop-collection .gallery-heading{align-items:start;gap:20px;margin-bottom:24px}.shop-collection .gallery-heading h2{font-size:42px}.shop-collection .collection-intro{display:block;font-size:12px;max-width:280px;line-height:1.7}.shop-collection .gallery-controls{gap:5px;padding-top:25px}.shop-collection .gallery-controls>span{display:none}.shop-track{gap:18px}.shop-card{flex-basis:88vw;grid-template-columns:1fr;border-radius:20px}.shop-art-stage{min-height:235px}.shop-object{height:225px;width:65%}.shop-card-copy{padding:23px}.shop-card-copy h3{font-size:32px;margin-block:20px 17px}.shop-card-copy>p:not(.eyebrow){font-size:12px}.shop-card-copy .offer-link{font-size:12px;margin-top:20px}.book-cover>span{font-size:16px}.sheet-front span{font-size:7px}.book-back>span{font-size:6px}.audience-collection .audience{grid-template-columns:1fr;flex-basis:88vw;padding:0}.brief-graphic{min-height:180px;height:180px}.brief-brands>img{height:45%;width:55%}.brief-brands>img:nth-child(2){width:58%}.brief-graphic>span{bottom:15px;left:20px;font-size:8px}.brief-artists{gap:18px;padding:22px}.brief-artists>img{width:27%;height:112px;margin-top:-20px}.brief-painting .brief-lab{width:40%;height:60%}.brief-copy{padding:23px}.brief-copy h3{font-size:30px;margin-block:18px}.brief-copy>p:not(.eyebrow){font-size:12px}.brief-copy ul{margin-block:17px}.brief-copy .offer-link{font-size:12px}.audience-collection .pathway-heading h2{font-size:36px}.audience-collection .gallery-controls{gap:5px}.gallery-footer{gap:14px}.gallery-footer p,.gallery-footer>span{font-size:9px}} @media(prefers-reduced-motion:reduce){.shop-object,.sheet-front,.brief-graphic>img,.brief-colour{animation:none!important}.brief-brands>img:first-child{opacity:1}.brief-brands>img:nth-child(2){display:none}}.motion-paused .shop-object,.motion-paused .sheet-front,.motion-paused .brief-graphic>img,.motion-paused .brief-colour{animation:none!important}.motion-paused .brief-brands>img:nth-child(2){display:none} /* Compact navigation, with an optically larger identity inside the shared lens. */ .site-header .nav-glass,.site-header.compact .nav-glass{width:530px;min-width:0;max-width:calc(100vw - 40px);padding:6px 16px;gap:9px;overflow:visible;justify-content:space-between} .site-header .nav-glass>.brand-scroll,.site-header.compact .nav-glass>.brand-scroll{width:48px;height:48px;margin:0 19px 0 10px;padding:0;z-index:3;overflow:visible} .site-header .brand-scroll .scroll-identity{position:absolute;left:50%;top:50%;width:42px;height:34px;max-width:none;transform:translate(-50%,-50%);transition:width .65s cubic-bezier(.22,1,.36,1),height .65s cubic-bezier(.22,1,.36,1)} .site-header .brand-scroll.identity-expanded .scroll-identity{width:126px;height:94px} .site-header .nav-glass>a:not(.brand),.site-header .nav-glass>button,.site-header.compact .nav-glass>a:not(.brand),.site-header.compact .nav-glass>button{min-height:46px;padding:12px 16px;font-size:13px} .site-header .nav-glass>.nav-lens,.site-header.on-dark .nav-glass>.nav-lens{background:radial-gradient(ellipse at var(--glint-x,28%) -25%,#ffffffa3,transparent 58%),radial-gradient(ellipse at 90% 115%,#d8edff70,transparent 50%),linear-gradient(125deg,#ffffff38,#ffffff06 46%,#ffffff21);border-color:#ffffff94;box-shadow:inset 1px 2px 2px #ffffffb0,inset -1px -2px 3px #ffffff65,inset 0 0 12px #ffffff15,0 9px 25px #060e1e20;backdrop-filter:blur(16px) saturate(1.65) brightness(1.12);-webkit-backdrop-filter:blur(16px) saturate(1.65) brightness(1.12);overflow:hidden} .nav-lens:before,.nav-lens:after{content:"";position:absolute;pointer-events:none;border-radius:inherit}.nav-lens:before{inset:2px;border:1px solid transparent;border-top-color:#ffffff9c;border-left-color:#ffffff30;mask-image:linear-gradient(135deg,#000,transparent 70%)}.nav-lens:after{left:12%;right:12%;bottom:3px;height:20%;background:radial-gradient(ellipse at 65% 100%,#e3efff85,transparent 72%);filter:blur(2px)} .linework-hero .hero-identity{width:clamp(230px,25vw,380px);height:auto;aspect-ratio:4/3;right:9%;top:22%;bottom:auto;left:auto;transform:none;opacity:.88} @media(max-width:760px){.site-header .nav-glass,.site-header.compact .nav-glass{width:350px;max-width:100%;padding:5px 12px;gap:4px}.site-header .nav-glass>.brand-scroll,.site-header.compact .nav-glass>.brand-scroll{width:44px;height:44px;margin:0 8px 0 3px}.site-header .nav-glass>a:not(.brand),.site-header .nav-glass>button,.site-header.compact .nav-glass>a:not(.brand),.site-header.compact .nav-glass>button{min-height:44px;padding:10px 12px;font-size:12px}.site-header .brand-scroll.identity-expanded .scroll-identity{width:105px;height:79px}.linework-hero .hero-identity{width:110px;height:83px;top:155px;right:24px;left:auto;bottom:auto;opacity:.65}} @media(max-width:370px){.service-navigation .collection-index{gap:4px;min-width:0}.service-navigation .collection-index button{padding-inline:8px;font-size:9px}.service-navigation{gap:7px}.site-header .nav-glass,.site-header.compact .nav-glass{padding-inline:9px;gap:0}.site-header .nav-glass>a:not(.brand),.site-header .nav-glass>button,.site-header.compact .nav-glass>a:not(.brand),.site-header.compact .nav-glass>button{font-size:11px;padding-inline:10px}.linework-hero .hero-identity{width:85px;right:20px;top:155px}} .linework-hero .hero-identity{position:absolute;z-index:1;align-self:auto;margin:0} @media(min-width:761px){.site-header{top:36px}.site-header.compact{top:30px}} .site-header,.site-header.compact{justify-content:center} @media(min-width:761px){.site-header,.site-header.compact{justify-content:flex-end}} /* /hyena-story.css */ /* The photograph and its moving subject share one coordinate system. */ .linework-hero .hyena-scene{position:absolute;inset:0;overflow:hidden;opacity:.84;transform:none!important;animation:none!important} .hyena-story{display:block;width:100%;height:100%;overflow:hidden}.hyena-story image{filter:none;animation:none;transform:none}.linework-hero .hero-copy{position:relative;z-index:2}.linework-hero .hero-foot{z-index:2} .site-header .brand-scroll.identity-expanded .scroll-identity{width:91px;height:68px} .site-header .nav-glass.lens-expanded,.site-header.on-dark .nav-glass.lens-expanded{border-color:#ffffff14;box-shadow:inset 0 1px 2px #ffffff16,0 8px 30px #060c1610;background:linear-gradient(125deg,#ffffff1c,#ffffff08)} .site-header .nav-glass{transition:border-color .35s,box-shadow .35s,background .35s,padding .5s,gap .5s} .site-header .nav-glass>.nav-lens,.site-header.on-dark .nav-glass>.nav-lens{backdrop-filter:blur(24px) saturate(1.7) brightness(1.08);-webkit-backdrop-filter:blur(24px) saturate(1.7) brightness(1.08);border-color:#ffffff80;background:radial-gradient(ellipse at var(--glint-x,28%) -40%,#ffffffb0,transparent 65%),radial-gradient(ellipse at 80% 125%,#dceeff70,transparent 52%),linear-gradient(130deg,#ffffff35,#ffffff14);box-shadow:inset 1px 1px 2px #ffffffa0,inset -1px -1px 2px #ffffff50,0 8px 20px #060e1e18} @media(max-width:760px){.linework-hero .hyena-scene{opacity:.92}.site-header .brand-scroll.identity-expanded .scroll-identity{width:84px;height:63px}.linework-hero .hero-shade{background:linear-gradient(180deg,#0d1019cc 0%,#0d1019b0 35%,#0d101930 62%,#0d1019cf 100%)}} .linework-hero .hyena-lightwork{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden;filter:url(#hyena-gleam)} .hyena-lightwork .traveller-identity>g>path{fill:url(#hyena-silver)}.hyena-lightwork .traveller-identity g[fill="none"]{stroke:url(#hyena-silver);stroke-width:1.9}.hyena-lightwork .animal-contour{stroke:url(#hyena-silver);stroke-width:2} .site-header .nav-glass.lens-expanded,.site-header.on-dark .nav-glass.lens-expanded{border-color:#ffffff12!important;box-shadow:inset 0 1px 2px #ffffff12,0 8px 30px #060c1610!important} @media(max-width:760px){.linework-hero{min-height:800px;grid-template-rows:1fr auto}.linework-hero .hero-copy{display:flex;flex-direction:column;align-items:flex-start}.linework-hero .hero-introduction{margin-top:auto;width:100%;padding-top:170px}.linework-hero .hero-foot{width:100%}} /* Quiet typographic lead, the declaration belongs to the animated identity. */ .linework-hero .hero-copy{justify-content:center;padding-top:60px;padding-bottom:100px;align-self:stretch;display:flex;flex-direction:column;align-items:flex-start} .linework-hero .hero-kicker{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#d4d8dc;margin-bottom:26px} .linework-hero h1.hero-statement{font-family:Arial,Helvetica,sans-serif;font-size:clamp(34px,3.25vw,56px);line-height:1.12;letter-spacing:-.045em;font-weight:400;width:580px;max-width:43vw;margin:0} .linework-hero .hero-introduction{margin-top:33px}.identity-declaration{font:16px Arial,Helvetica,sans-serif;letter-spacing:3.2px} @media(max-width:760px){.linework-hero{min-height:800px;padding-top:110px}.linework-hero .hero-copy{justify-content:flex-start;padding:0}.linework-hero .hero-kicker{font-size:9px;margin-bottom:20px}.linework-hero h1.hero-statement{font-size:36px;width:100%;max-width:100%;line-height:1.12}.linework-hero .hero-introduction{margin-top:auto;padding-top:300px}.identity-declaration{font-size:18px}} /* Fleeting canopy details: one quiet discovery at a time, with generous stillness. */ .sky-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden} .sky-painting-lines{opacity:0;animation:sky-painting-reveal 68s ease-in-out infinite} .sky-system-lines{opacity:0;animation:sky-system-reveal 68s ease-in-out infinite} @keyframes sky-painting-reveal{0%,5%,22%,100%{opacity:0}12%{opacity:.11}16%{opacity:.09}} @keyframes sky-system-reveal{0%,48%,70%,100%{opacity:0}57%{opacity:.13}62%{opacity:.1}} .sky-system-lines circle,.sky-system-lines path{stroke-width:.45} @media(prefers-reduced-motion:reduce){.sky-painting-lines,.sky-system-lines{animation:none!important;opacity:.055}} .motion-paused .sky-painting-lines,.motion-paused .sky-system-lines{animation-play-state:paused} /* The introduction is unobstructed; navigation joins as the reader scrolls. */ .site-header{transition:opacity .35s ease,translate .5s cubic-bezier(.22,1,.36,1),visibility .35s}.site-header.is-at-top{opacity:0;translate:0 -120%;visibility:hidden;pointer-events:none}.site-header.is-at-top .nav-glass{pointer-events:none}.identity-declaration{font-size:14px;letter-spacing:2.5px}.traveller-shadow{filter:blur(3px)} @media(prefers-reduced-motion:reduce){.site-header{transition:none}} /* Breeze affects only the upper canopy; the road and registered subjects remain fixed. */ .canopy-breeze{transform-box:view-box;transform-origin:800px 530px;animation:canopy-sway 17s ease-in-out infinite alternate!important} @keyframes canopy-sway{from{transform:translate(-.55px,0) rotate(-.035deg)}to{transform:translate(.65px,.2px) rotate(.035deg)}} .registered-linework path{fill:none;stroke:url(#hyena-silver);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round} .sky-canvas-corners{opacity:.6} @media(prefers-reduced-motion:reduce){.canopy-breeze{animation:none!important}} .motion-paused .canopy-breeze{animation-play-state:paused!important} /* Quiet visual invitations replace the former text-only hero links. */ .hero-routes.hero-discovery-cards{gap:9px;align-items:stretch} .hero-discovery-cards a{display:flex;align-items:center;gap:12px;width:178px;min-height:76px;padding:10px 13px 10px 10px;border:1px solid #ffffff36;border-radius:17px;background:linear-gradient(130deg,#ffffff12,#ffffff05);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);box-shadow:inset 0 1px #ffffff2b,0 5px 18px #0000000b;transition:background .4s,transform .5s,border-color .4s;font-size:10px;text-transform:none;letter-spacing:0;color:#eee} .hero-discovery-cards a:hover{background:linear-gradient(130deg,#ffffff26,#ffffff0c);border-color:#ffffff77;transform:translateY(-3px)} .hero-discovery-cards a>span:last-child{display:flex;flex-direction:column;gap:6px;white-space:nowrap}.hero-discovery-cards small{font-size:8px;color:#e0e4e7a6;letter-spacing:0} .discovery-art{position:relative;display:grid;place-items:center;width:50px;height:50px;flex:none;border-radius:10px;overflow:hidden;color:#e4e7ee;opacity:.85}.discovery-art img{width:100%;height:100%;object-fit:cover}.discovery-studio{background:linear-gradient(145deg,#4c45535c,#31525b44)}.discovery-studio img{width:43px;height:auto;object-fit:contain}.discovery-shop svg{width:47px;height:40px}.discovery-shop{background:#cbbe9630} @media(max-width:760px){.linework-hero .hero-foot{gap:14px}.hero-routes.hero-discovery-cards{border-top:0;padding-top:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hero-discovery-cards a{width:auto;min-height:108px;padding:10px 5px;flex-direction:column;gap:8px;border:1px solid #ffffff36;border-radius:14px;text-align:center;font-size:9px}.hero-discovery-cards a>span:last-child{gap:4px}.hero-discovery-cards small{font-size:7px;white-space:normal}.discovery-art{width:41px;height:37px;border-radius:7px}.discovery-studio img{width:35px}.discovery-shop svg{width:36px;height:32px}.linework-hero{min-height:875px}} @media(prefers-reduced-motion:reduce){.hero-discovery-cards a{transition:none}} /* Hover reveals light and detail; controls and cards stay planted. */ .hero-discovery-cards a:hover,.gallery-controls button:hover,.gallery-controls button:hover:not(:disabled),.commission-pathways .pathway-content button:hover,.offer-link:hover svg,.text-link:hover span,.contact-title:hover>span,.site-header .nav-glass>a:not(.brand):hover,.site-header .nav-glass>button:hover,.site-header .nav-glass>a:not(.brand):focus-visible,.site-header .nav-glass>button:focus-visible{transform:none!important} .feature-odette:hover .odette-screen{transform:rotate(-4deg)!important}.feature-hyam:hover .justice,.feature-hyam:hover .hyam-signature{transform:none!important}.practice-panel:hover .practice-art img{transform:none!important} .hero-discovery-cards a{position:relative;overflow:hidden}.hero-discovery-cards a::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#ffffff19,transparent 45%,#ffffff09);opacity:0;transition:opacity .6s}.hero-discovery-cards a:hover::after,.hero-discovery-cards a:focus-visible::after{opacity:1}.hero-discovery-cards a:hover .discovery-art{opacity:1}.discovery-art{transition:opacity .6s}.hero-discovery-cards a:hover small{color:#ffffffdf} /* /artist-glass.css */ /* Artwork is the setting; the represented artist sits within it, on restrained glass. */ .artist-collection .work-track>.artist-card{position:relative;display:block;isolation:isolate;height:clamp(470px,64vh,620px);min-height:470px;flex-basis:min(92vw,1480px);border:1px solid #ffffff72;border-radius:26px;background:#242d2a;box-shadow:inset 0 0 0 1px #ffffff10,0 18px 44px #14251c12} .artist-card .artist-sequence{position:absolute;inset:0;min-height:0;height:100%;background:transparent} .artist-card .artist-slide{display:block;isolation:isolate} .artist-card .artist-work-image{position:absolute;inset:0;display:block;background:#303733} .artist-card .artist-work-image::before{content:"";position:absolute;inset:-24px;background:var(--artist-image) center/cover;filter:blur(24px);opacity:.48;transform:scale(1.06)} .artist-card .artist-work-image img{position:relative;width:100%;height:100%;object-fit:contain;transform:none;transition:transform 10s cubic-bezier(.2,.5,.3,1)} .artist-card .artist-slide.is-current .artist-work-image img{transform:none} .artist-card .artist-profile{position:absolute;z-index:4;right:24px;bottom:24px;width:clamp(270px,28%,370px);padding:25px;min-width:0;display:flex;justify-content:flex-start;border-radius:22px;color:#faf9f3;border:1px solid #ffffff64;background:linear-gradient(135deg,#59635c55,#172a23a6);backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);box-shadow:inset 0 1px 1px #ffffff66,inset 0 -1px 1px #ffffff16,0 12px 36px #071d2620} .artist-card .artist-profile::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#fff2,transparent 32%,transparent 75%,#fff1)} .artist-card .artist-person{gap:15px}.artist-card .artist-portrait{width:55px;height:67px;border-radius:10px;box-shadow:0 0 0 1px #ffffff4a} .artist-card .artist-person .eyebrow{color:#ffffffb3;font-size:8px;margin:0;letter-spacing:.07em}.artist-card .artist-person h3{font-size:clamp(27px,2.3vw,35px);margin-top:7px;color:#fffef8;line-height:1.05;letter-spacing:-.04em} .artist-card .artist-discipline{font-size:10px;color:#ffffffbd;margin-top:18px}.artist-card .artist-bio{font-size:12px;color:#f6f7f1e0;line-height:1.65;margin-top:12px}.artist-card .artist-credit{font-size:9px;line-height:1.55;color:#ffffffbf;border-top:1px solid #ffffff29;margin-top:17px;padding-top:14px;gap:2px}.artist-card .artist-credit small{color:#ffffff99;font-size:8px;margin-top:5px}.artist-card .artist-enquiry{position:relative;color:#fffef7;border-color:#ffffff66;margin-top:16px;min-height:44px;font-size:11px;gap:12px} .artist-card .artist-slide figcaption{position:absolute;left:24px;bottom:24px;max-width:calc(65% - 70px);padding:14px 18px;border-radius:14px;border:1px solid #ffffff44;background:linear-gradient(125deg,#35453a70,#15281f96);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);color:#fff;box-shadow:inset 0 1px #ffffff40} .artist-card .artist-slide figcaption strong{font-size:17px}.artist-card .artist-slide figcaption span{font-size:10px;color:#ffffffc9} .artist-card .artist-frame-controls{top:20px;left:22px;right:auto;max-width:calc(100% - 44px);gap:6px}.artist-card .artist-frame-controls button{min-height:44px;padding:11px 16px;font-size:11px;background:#162b246b;color:#fff;border-color:#ffffff78;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3)}.artist-card .artist-frame-controls button[aria-pressed=true]{background:#eff5ecdf;color:#1b3026;border-color:#fff} @media(max-width:760px){ .artist-collection .work-track>.artist-card{display:block;flex-basis:90vw;height:650px;min-height:650px;border-radius:22px} .artist-card .artist-sequence{height:100%;min-height:0}.artist-card .artist-work-image img{height:355px;object-fit:contain;object-position:center 58%;padding-top:50px} .artist-card .artist-profile{left:14px;right:14px;bottom:14px;width:auto;padding:18px;border-radius:18px;background:linear-gradient(130deg,#4a5d4866,#13271f9c)} .artist-card .artist-person h3{font-size:29px}.artist-card .artist-portrait{width:48px;height:58px}.artist-card .artist-discipline{margin-top:12px;font-size:9px}.artist-card .artist-bio{margin-top:9px;font-size:11px;line-height:1.55}.artist-card .artist-credit{margin-top:11px;padding-top:10px;font-size:8px}.artist-card .artist-credit small{font-size:8px}.artist-card .artist-enquiry{margin-top:9px;font-size:11px;min-height:44px} .artist-card .artist-slide figcaption{left:16px;bottom:auto;top:278px;max-width:calc(100% - 32px);padding:10px 13px;border-radius:12px}.artist-card .artist-slide figcaption strong{font-size:13px}.artist-card .artist-slide figcaption span{font-size:9px} .artist-card .artist-frame-controls{top:13px;left:13px;max-width:calc(100% - 26px);gap:5px}.artist-card .artist-frame-controls button{min-height:44px;font-size:10px;padding:9px 12px} } @media(prefers-reduced-motion:reduce){.artist-card .artist-work-image img{transition:none;transform:none!important}} /* Artist selection belongs below the gallery; works belong inside their artist panel. */ .artist-collection>.collection-index{margin-top:22px;margin-bottom:0;justify-content:center;padding-bottom:3px} .artist-card .artist-work-choice{margin-top:14px;width:100%}.artist-work-label{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#ffffff90} .artist-card .artist-profile .artist-frame-controls{position:relative;inset:auto;display:flex;gap:13px;flex-wrap:wrap;margin-top:3px;max-width:100%;width:100%;z-index:auto} .artist-card .artist-profile .artist-frame-controls button{min-height:44px;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:#ffffff97;padding:8px 0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:10px;gap:5px;transition:color .3s,border-color .3s} .artist-card .artist-profile .artist-frame-controls button span{display:none}.artist-card .artist-profile .artist-frame-controls button[aria-pressed=true]{background:none;color:#fff;border-color:#ffffffa0}.artist-card .artist-profile .artist-frame-controls button:hover{color:white;border-color:#ffffff55} .artist-card .artist-slide figcaption{opacity:0;transition:none}.artist-card .artist-slide.is-current figcaption{opacity:1} .artist-card .artist-credit{margin-top:10px;padding-top:10px} @media(max-width:760px){.artist-collection .work-track>.artist-card{height:700px;min-height:700px}.artist-card .artist-profile{padding:16px 18px}.artist-card .artist-work-choice{margin-top:9px}.artist-card .artist-profile .artist-frame-controls{gap:18px}.artist-collection>.collection-index{margin-top:16px}.artist-card .artist-work-image img{padding-top:0}.artist-card .artist-slide figcaption{top:265px}} /* /control-language.css */ /* One control language: rounded pills, light reveals, no positional hover motion. */ button{border-radius:999px} .hero-contact,.text-link,.offer-link,.artist-enquiry,.commission-pathways .pathway-content button,.commission-invitation button,.copy-email,.send-draft{border-radius:999px!important;border:1px solid #ffffff42;box-shadow:inset 0 1px #ffffff25;background:linear-gradient(125deg,#ffffff12,#ffffff05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:12px 19px;min-height:44px;transition:background .4s,border-color .4s,color .4s,box-shadow .4s} .hero-contact{gap:24px;padding:13px 20px!important;border:1px solid #ffffff58!important;background:linear-gradient(125deg,#ffffff17,#ffffff07)!important}.hero-contact>span{border:0!important} .hero-contact:hover,.text-link:hover,.offer-link:hover,.artist-enquiry:hover,.commission-pathways .pathway-content button:hover,.commission-invitation button:hover{transform:none!important;background:linear-gradient(125deg,#ffffff25,#ffffff0c);border-color:#ffffff85;box-shadow:inset 0 1px #ffffff50} .artist-card .artist-enquiry{padding:10px 14px;border:1px solid #ffffff4c;border-radius:999px!important;background:#ffffff0b} .artist-card .artist-profile .artist-frame-controls{gap:6px;margin-top:7px}.artist-card .artist-profile .artist-frame-controls button{min-height:40px;border-radius:999px!important;border:1px solid #ffffff24;padding:8px 12px;background:#ffffff05;color:#ffffffb8;transition:background .4s,border-color .4s,color .4s} .artist-card .artist-profile .artist-frame-controls button[aria-pressed=true]{background:#ffffff20;border-color:#ffffff80;color:white;box-shadow:inset 0 1px #ffffff30}.artist-card .artist-profile .artist-frame-controls button:hover{background:#ffffff12;border-color:#ffffff55;transform:none} button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:4px} @media(max-width:760px){.hero-contact{gap:12px;white-space:normal;padding:11px 14px!important}.artist-card .artist-profile .artist-frame-controls{gap:6px}.artist-card .artist-profile .artist-frame-controls button{min-height:44px;font-size:10px}} /* Navigation and gallery controls have separate space and the same glass material. */ html{scroll-padding-top:116px}.site-header{left:0!important;right:0!important;width:100%;justify-content:center!important;padding-inline:22px!important}.site-header .nav-glass{margin-inline:auto}.site-header.is-away:not(:focus-within){opacity:0;translate:0 -120%;visibility:hidden;pointer-events:none} .gallery-heading{align-items:flex-start}.gallery-selection{display:flex;align-items:center;justify-content:center;gap:20px;margin:24px var(--gutter,5vw) 0;min-width:0}.gallery-selection>.collection-index{margin:0;padding:3px 0;max-width:calc(100% - 140px);flex:0 1 auto;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}.gallery-selection>.gallery-controls{padding:0;flex:none;align-self:center}.gallery-selection>.gallery-controls>span{font-size:9px} .collection-index button,.gallery-selection .gallery-controls button,.offer-tabs button{background:linear-gradient(125deg,#ffffff0e,#ffffff03);border:1px solid #ffffff36;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);box-shadow:inset 0 1px #ffffff18;border-radius:999px;min-height:44px;transition:background .4s,border-color .4s,color .4s} .collection-index button[aria-pressed=true]{background:linear-gradient(125deg,#ffffff2e,#ffffff12)!important;border-color:#ffffff85!important;box-shadow:inset 0 1px #ffffff66;color:#fff!important} .artist-collection .collection-index button{color:#35483d;border-color:#48645032;background:#ffffff18}.artist-collection .collection-index button[aria-pressed=true]{background:linear-gradient(125deg,#f8fff67a,#dce8d36e)!important;color:#233c2c!important;border-color:#ffffffdf!important;box-shadow:inset 0 1px #fff,0 4px 14px #31462608} .artist-collection .gallery-selection{margin-top:23px}.artist-collection .gallery-selection .gallery-controls button{background:#ffffff1a;border-color:#3d593b38} @media(max-width:760px){html{scroll-padding-top:98px}.site-header{padding-inline:18px!important}.gallery-selection{margin:17px 22px 0;gap:10px;flex-wrap:wrap}.gallery-selection>.collection-index{max-width:100%;width:100%;flex-basis:100%;padding-bottom:5px}.gallery-selection>.gallery-controls{margin-left:auto}.artist-collection .gallery-selection>.collection-index{justify-content:center}.gallery-selection>.gallery-controls>span{display:inline}.gallery-selection .gallery-controls button{width:40px;height:40px;min-height:40px}} /* /spatial-refinement.css */ /* A shared reading width, space for navigation, and galleries that yield to native gestures. */ [data-gallery] [data-gallery-track]{scroll-snap-type:x proximity!important;overscroll-behavior:auto;overflow-y:hidden;touch-action:pan-x pan-y pinch-zoom} [data-gallery] [data-gallery-track].dragging,[data-gallery] [data-gallery-track].is-gliding{scroll-snap-type:none!important} [data-gallery-track].dragging{user-select:none;-webkit-user-select:none} [data-gallery].rail-static .gallery-selection,[data-gallery].rail-static .gallery-footer{display:none} @media(min-width:1000px){ :root{--gutter:max(52px,calc((100vw - 1480px)/2))} .offer,.work.collection,.shop-section,.commission-pathways{padding-top:96px!important;padding-bottom:64px!important} .offer-heading,.gallery-heading,.audience-collection-heading{margin-bottom:42px!important;gap:60px;align-items:flex-end} .offer-heading>p{max-width:410px;line-height:1.8} .gallery-heading h2,.offer-heading h2{font-size:clamp(45px,4.1vw,64px)!important;line-height:1.06} .gallery-selection{margin-top:28px;margin-bottom:12px;gap:24px} .gallery-footer{padding-top:20px} .service-collection .offer-grid{gap:24px;align-items:stretch} .service-collection .offer-card{flex:0 0 calc((100vw - var(--gutter)*2 - 48px)/3);padding:26px 28px;display:flex;flex-direction:column} .service-collection .offer-art{height:clamp(150px,13vw,215px);flex:none;margin-bottom:24px} .service-collection .offer-card h3{font-size:clamp(24px,2vw,32px);line-height:1.12;margin:18px 0} .service-collection .offer-card>p{font-size:13px;line-height:1.75;min-height:70px} .service-collection .offer-card ul{margin:22px 0 24px;flex:1} .service-collection .offer-card li{font-size:12px;padding-block:10px;line-height:1.5} .service-collection .offer-link{margin-top:auto;font-size:12px} .service-collection .representation-lockup{font-size:clamp(34px,3vw,50px)} .audience-collection .audience,.shop-card{flex-basis:min(80vw,1160px)} .audience-collection .pathway-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;width:100%;align-items:end} .audience-collection .pathway-heading .eyebrow{grid-column:1/-1;margin-bottom:20px} .audience-collection .pathway-heading h2{margin:0;line-height:1.1} .audience-collection .pathway-heading>p:last-child{margin:0;max-width:430px;font-size:14px} .brief-copy{padding:38px 42px;gap:0}.brief-copy h3{font-size:36px} .artist-collection .work-track>.artist-card{flex-basis:min(88vw,1400px)} } /* Small compositions from the same identity system, rather than app-icon thumbnails. */ .hero-discovery-cards{gap:14px!important;align-items:stretch} .hero-discovery-cards>a{width:230px!important;min-height:132px!important;padding:12px 16px!important;display:flex!important;flex-direction:column;align-items:stretch!important;gap:2px!important;border:1px solid #ffffff30!important;border-radius:22px!important;background:linear-gradient(125deg,#ffffff0c,#ffffff03)!important;box-shadow:inset 0 1px #ffffff25!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important} .hero-discovery-cards .discovery-art{position:relative!important;width:100%!important;height:72px!important;border-radius:0!important;background:transparent!important;overflow:hidden;flex:none;isolation:isolate;margin:0!important;transform:none!important} .hero-discovery-cards .discovery-art .service-contours{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:.85} .hero-discovery-cards .discovery-art .service-wordmark{position:absolute!important;left:4%!important;top:20%!important;width:48%!important;height:56%!important;object-fit:contain!important;object-position:left center!important;border-radius:0!important;filter:none!important} .hero-discovery-cards .representation-lockup{position:absolute;left:4%;top:18%;font:400 29px/.87 Georgia,serif;letter-spacing:-.05em;color:#faf7ee} .hero-discovery-cards .representation-lockup small{display:block;font:9px/1.3 Georgia,serif;letter-spacing:0}.hero-discovery-cards .representation-lockup>span{font:9px/1.3 Georgia,serif;display:block;letter-spacing:0} .hero-discovery-cards>a>span:last-child{font-size:11px!important;line-height:1.5;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:3px 3px 0} .hero-discovery-cards>a>span:last-child small{font-size:9px!important;margin:0!important;color:#d5dae2a8} .hero-discovery-cards>a:hover{background:linear-gradient(125deg,#ffffff16,#ffffff08)!important;border-color:#ffffff70!important} .hero-discovery-cards .contour-trace path{animation:contour-light 8s ease-in-out infinite;animation-delay:calc(var(--strand)*-.11s)} @media(max-width:760px){.hero-discovery-cards{gap:8px!important}.hero-discovery-cards>a{width:auto!important;padding:9px 8px!important;min-height:106px!important;border-radius:17px!important}.hero-discovery-cards .discovery-art{height:58px!important}.hero-discovery-cards>a>span:last-child{display:block;font-size:9px!important;line-height:1.4}.hero-discovery-cards>a>span:last-child small{display:block;font-size:8px!important;margin-top:3px!important}.hero-discovery-cards .representation-lockup{font-size:23px;top:20%}.hero-discovery-cards .representation-lockup small,.hero-discovery-cards .representation-lockup>span{font-size:7px}} @media(min-width:1000px){.service-collection .offer-art{height:clamp(135px,10vw,170px);margin-bottom:18px}.service-collection .offer-card{padding:24px 28px}.service-collection .offer-card h3{margin-block:16px}.service-collection .offer-card>p{min-height:68px}.service-collection .offer-card ul{margin-block:18px}.service-collection .offer-card li{padding-block:8px}} /* /immersive-cards.css */ /* The brand is the surface. Information is a smaller, readable glass layer within it. */ #work .feature{position:relative;display:block;isolation:isolate;height:560px;min-height:560px;flex-basis:min(88vw,1400px);border-radius:28px;overflow:hidden} #work .feature .feature-scene{position:absolute;inset:0;width:100%;height:100%;min-height:100%;border-radius:0} #work .brand-composition{position:absolute;inset:0 40% 0 0} #work .feature .feature-caption{position:absolute;right:30px;bottom:30px;width:34%;max-width:440px;min-height:0;padding:30px;display:flex;flex-direction:column;justify-content:center;gap:23px;border:1px solid #ffffff55;border-radius:23px;background:linear-gradient(125deg,#ffffff14,#0c131b66);backdrop-filter:blur(28px) saturate(1.25);-webkit-backdrop-filter:blur(28px) saturate(1.25);box-shadow:inset 0 1px 1px #ffffff45,0 12px 30px #0000000c;color:#f7f7ef;z-index:2} #work .feature-caption h3{font-size:29px;font-weight:400;line-height:1.12;margin:18px 0} #work .feature-caption>div>p:not(.project-number):not(.project-credit){font-size:12px;line-height:1.8;color:#f0f3f1d6} #work .feature-caption .project-number{font-size:9px;line-height:1.6;color:#edf2f1b3} #work .feature-caption .project-credit{font-size:9px!important;line-height:1.7!important;color:#e4eeebaa!important;margin-top:18px!important} #work .feature-caption .project-scope{gap:7px 12px;margin-top:19px} #work .feature-caption .project-scope li{font-size:9px;color:#eef4f0c4;border-color:#ffffff35;line-height:1.5} #work .feature-caption .project-side{max-width:none;gap:8px;align-items:flex-start;display:flex;flex-direction:column} #work .feature-caption .project-status{font-size:10px;color:#f7f4e8}#work .feature-caption .project-domain{font-size:9px;color:#e0e8e2a6} #work :is(.feature-timeless,.feature-locus,.feature-kelme,.feature-odette,.feature-aaqoura) .feature-caption{background:linear-gradient(125deg,#ffffff65,#ffffff25);border-color:#ffffffc2;color:#1c302c;box-shadow:inset 0 1px 1px #fff9,0 12px 30px #152b1c09} #work :is(.feature-timeless,.feature-locus,.feature-kelme,.feature-odette,.feature-aaqoura) .feature-caption :is(p,.project-number,.project-domain,.project-status,.project-scope li){color:#263d36cc!important} #work :is(.feature-timeless,.feature-locus,.feature-kelme,.feature-odette,.feature-aaqoura) .feature-caption .project-credit{color:#263d3699!important} #work .scene-index{opacity:.35}#work .scene-top{font-size:9px}#work .scene-tag{font-size:10px} #work .artist-name{font-size:clamp(48px,6vw,94px)} #work .timeless-wordmark{font-size:clamp(40px,4.6vw,70px)} #work .cyclamen-stage{inset:20% 22%;animation:none} #work .locus-stage{inset:22% 14% 30%} #work .locus-contexts{bottom:24%;font-size:11px} /* Linework spans the entire service card, fading where the reading layer begins. */ .service-collection .offer-card{position:relative;isolation:isolate;overflow:hidden;background:#10131a} .service-collection .offer-card>.service-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;fill:none;stroke-width:.8;mask-image:linear-gradient(#000d 0%,#000b 24%,#0002 40%,#0001 85%,#0005);-webkit-mask-image:linear-gradient(#000d 0%,#000b 24%,#0002 40%,#0001 85%,#0005)} .service-field .field-ground{stroke:#bfcbd7;opacity:.18}.service-field .field-reflection{stroke:#e7f2ff;stroke-dasharray:.13 .87;animation:surface-light 15s linear infinite;opacity:.7} .field-artists .field-ground{stroke:#c9bdc3}.field-artists .field-reflection{stroke:#eee0e5;animation-duration:19s;animation-delay:-5s} .field-shop .field-ground{stroke:#cfc6b6}.field-shop .field-reflection{stroke:#f2e7d2;animation-duration:23s;animation-delay:-11s} .service-collection .offer-art{overflow:visible;background:transparent!important}.service-collection .offer-art .service-contours{visibility:hidden} .service-collection .offer-card>.offer-art,.service-collection .offer-card>p,.service-collection .offer-card>h3,.service-collection .offer-card>ul,.service-collection .offer-card>.offer-link,.service-collection .offer-number{position:relative;z-index:1} @keyframes surface-light{from{stroke-dashoffset:1}to{stroke-dashoffset:0}} .motion-paused .field-reflection{animation:none!important} @media(prefers-reduced-motion:reduce){.field-reflection{animation:none!important}} @media(min-width:1000px){ .linework-hero{padding-top:110px;padding-bottom:48px;grid-template-rows:1fr auto;min-height:100svh} .linework-hero .hero-copy{padding:55px 0 55px;align-self:center;transform:none} .linework-hero h1.hero-statement{font-size:clamp(34px,2.65vw,46px);width:560px;max-width:40vw;line-height:1.17} .linework-hero .hero-kicker{font-size:9px;letter-spacing:.12em;margin-bottom:25px} .linework-hero .hero-introduction{display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin-top:28px} .linework-hero .hero-introduction>p{font-size:11px;line-height:1.8}.linework-hero .hero-contact{font-size:11px;min-height:44px;padding:11px 17px!important} .linework-hero .hero-foot{display:flex;justify-content:flex-start;gap:0;align-items:end} .linework-hero .hero-foot>a:first-child,.linework-hero .background-caption{display:none} .hero-discovery-cards>a{width:190px!important;min-height:119px!important;padding:12px!important}.hero-discovery-cards .discovery-art{height:62px!important} .hero-discovery-cards>a>span:last-child{align-items:flex-start;text-align:left;padding-left:6px;font-size:10px!important} .hero-discovery-cards>a>span:last-child small{font-size:8px!important} .offer,.work.collection,.shop-section,.commission-pathways{padding-top:110px!important;padding-bottom:85px!important} .gallery-heading h2,.offer-heading h2{font-size:clamp(38px,3.1vw,51px)!important} .gallery-heading .collection-intro{font-size:12px;max-width:650px;line-height:1.85} .offer-heading>p{font-size:12px;max-width:350px}.offer-heading,.gallery-heading,.audience-collection-heading{margin-bottom:48px!important} } @media(max-width:999px){ #work .feature{height:auto;min-height:680px;display:flex;flex-direction:column;padding:14px;flex-basis:88vw} #work .brand-composition{inset:0 0 auto;height:255px} #work .feature .feature-caption{position:relative;right:auto;bottom:auto;margin-top:255px;width:100%;max-width:none;padding:23px;gap:20px;flex:1;border-radius:20px} #work .feature-caption h3{font-size:25px;margin-block:15px} #work .feature-caption>div>p:not(.project-number):not(.project-credit){font-size:12px;line-height:1.75} #work .scene-top{top:18px;left:21px;right:21px;font-size:8px}#work .scene-tag{bottom:13px;left:21px;font-size:8px}#work .scene-index{bottom:13px;right:21px;font-size:24px} #work .artist-name{font-size:clamp(31px,7vw,54px)}#work .artist-stage{inset:22% 10% 15%;gap:20px}#work .artist-disciplines{font-size:10px} #work .timeless-stage{inset:22% 10% 15%;gap:14px}#work .timeless-wordmark{font-size:clamp(30px,7.5vw,49px)} #work .locus-stage{inset:17% 20% 23%;flex-direction:row;gap:10%}#work .locus-stage .locus-symbol{width:33%;height:auto}#work .locus-stage .locus-wordmark{width:55%;height:auto}#work .locus-contexts{display:none} } /* /quiet-details.css */ /* Hero invitations are quiet navigation, not another feature section. */ .hero-discovery-cards>a{width:210px!important;min-height:66px!important;height:66px!important;padding:9px 12px!important;display:grid!important;grid-template-columns:86px 1fr;align-items:center!important;gap:9px!important;border-radius:18px!important;background:linear-gradient(125deg,#ffffff06,#ffffff02)!important;border-color:#ffffff22!important;box-shadow:inset 0 1px #ffffff12!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important} .hero-discovery-cards .discovery-art{height:44px!important;opacity:.8}.hero-discovery-cards .discovery-art .service-wordmark{left:0!important;width:85%!important;top:10%!important;height:80%!important}.hero-discovery-cards .representation-lockup{font-size:23px;left:0;top:8%}.hero-discovery-cards .representation-lockup small{font-size:7px}.hero-discovery-cards .representation-lockup>span{font-size:7px}.hero-discovery-cards .service-contours{opacity:.35!important} .hero-discovery-cards>a>span:last-child{font-size:0!important;display:block!important;padding:0!important;text-align:left!important;white-space:normal!important}.hero-discovery-cards>a>span:last-child small{font-size:9px!important;line-height:1.5;color:#e5e8edb3}.hero-discovery-cards>a:hover{border-color:#ffffff50!important;background:#ffffff0a!important} /* The Studio's process is a single glass surface with a restrained type hierarchy. */ .service-collection .studio-scope{position:relative;isolation:isolate;border:1px solid #ffffff22;border-radius:25px;padding:32px;display:grid;grid-template-columns:1fr 2fr;gap:50px;background:linear-gradient(125deg,#ffffff06,#ffffff01);box-shadow:inset 0 1px #ffffff12;margin-top:48px;overflow:hidden} .studio-scope:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 0 0,#9daeb30b,transparent 60%)} .studio-scope .scope-intro h3{font:400 25px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.04em;margin:17px 0} .studio-scope .scope-intro>p:last-child{font-size:12px;line-height:1.8;max-width:300px;color:#aeb8c4}.studio-scope .scope-intro .eyebrow{font-size:8px;letter-spacing:.08em} .studio-scope ol{gap:30px;align-items:center}.studio-scope ol li{padding:0;border:0}.studio-scope ol li>span{font-size:8px;display:inline-block;padding:7px 11px;border:1px solid #ffffff24;border-radius:999px;background:#ffffff04}.studio-scope ol li>strong{display:block;font:400 15px/1.3 Arial,Helvetica,sans-serif;letter-spacing:-.02em;margin:16px 0 12px}.studio-scope ol li>p{font-size:11px;line-height:1.8;color:#aeb8c4}.service-collection .offer-foot{border:0;margin-top:24px;padding-top:0} /* Shop follows the same full visual surface + inner glass information card. */ .shop-collection .gallery-heading h2{font-family:Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:-.045em} .shop-card{position:relative;display:block;isolation:isolate;min-height:510px;height:510px;flex-basis:min(88vw,1400px);background:#17211f;border:1px solid #ffffff32;border-radius:28px;overflow:hidden} .shop-card .shop-art-stage{position:absolute;inset:0;width:100%;height:100%;min-height:0;display:block;perspective:none} .shop-editions{background:#202725}.shop-original-art{position:absolute;left:0;top:0;width:62%;height:100%;object-fit:contain;filter:none;opacity:.96}.shop-work-credit{position:absolute;left:28px;bottom:28px;display:flex;flex-direction:column;gap:7px;padding:12px 16px;border:1px solid #ffffff40;border-radius:15px;background:#14201cc2;backdrop-filter:blur(20px);color:#f1f0e4}.shop-work-credit strong{font:14px/1.3 Georgia,serif;font-weight:400}.shop-work-credit span{font-size:9px;color:#cbd4c9} .shop-card .shop-card-copy{position:absolute;right:30px;bottom:30px;width:34%;max-width:440px;padding:30px;border-radius:23px;border:1px solid #ffffff50;background:linear-gradient(125deg,#ffffff12,#0b181652);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);box-shadow:inset 0 1px #ffffff35;color:#f4f5ec} .shop-card .shop-card-copy h3{font:400 29px/1.12 Arial,Helvetica,sans-serif;letter-spacing:-.035em;margin:18px 0} .shop-card .shop-card-copy>.eyebrow{font-size:9px;color:#cbd7d0}.shop-card .shop-card-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#e0e7e0b8}.shop-card .shop-card-copy>small{color:#d0dbd0a6;font-size:9px}.shop-card .shop-card-copy .offer-link{font-size:11px;color:#f2f4ed;border:1px solid #ffffff45;gap:10px;margin-top:23px} .shop-books{background:#17221f}.shop-page-field{position:absolute;inset:0;width:65%;height:100%;stroke:#d9d2be;stroke-width:.75;opacity:.6;mask-image:linear-gradient(90deg,#000, #0008);-webkit-mask-image:linear-gradient(90deg,#000, #0008)}.shop-page-field g{stroke-dasharray:.8 .2;animation:surface-light 28s linear infinite} .shop-original-lockup{position:absolute;left:10%;top:37%;width:25%;height:20%;object-fit:contain;object-position:left center}.shop-printed-caption{position:absolute;left:9%;bottom:13%;font-size:11px;color:#e9e6d8b8;letter-spacing:.02em} .motion-paused .shop-page-field g{animation:none!important} @media(max-width:999px){.service-collection .studio-scope{grid-template-columns:1fr;gap:25px;padding:25px}.studio-scope .scope-intro>p:last-child{max-width:500px}.studio-scope ol{gap:24px}.shop-card{height:auto;min-height:660px;padding:14px;display:flex;flex-direction:column}.shop-card .shop-card-copy{position:relative;right:auto;bottom:auto;width:100%;max-width:none;padding:23px;margin-top:300px;flex:1}.shop-original-art{width:100%;height:300px}.shop-work-credit{top:232px;bottom:auto;left:24px;right:24px;font-size:10px;max-width:320px}.shop-work-credit strong{font-size:12px}.shop-work-credit span{font-size:8px}.shop-page-field{width:100%;height:300px}.shop-original-lockup{top:65px;left:12%;height:90px;width:40%}.shop-printed-caption{top:218px;bottom:auto;left:12%;font-size:10px}.shop-card .shop-card-copy h3{font-size:25px}} @media(max-width:760px){.hero-discovery-cards>a{width:auto!important;min-height:70px!important;height:70px!important;padding:8px!important;display:flex!important;flex-direction:column;gap:4px!important;border-radius:15px!important}.hero-discovery-cards .discovery-art{height:35px!important}.hero-discovery-cards .discovery-art .service-wordmark{width:80%!important;left:8%!important}.hero-discovery-cards>a>span:last-child{text-align:center!important}.hero-discovery-cards>a>span:last-child small{font-size:8px!important}.hero-discovery-cards .representation-lockup{font-size:20px;left:8%}.hero-discovery-cards .representation-lockup small,.hero-discovery-cards .representation-lockup>span{font-size:6px}.studio-scope ol{display:grid;grid-template-columns:1fr}.studio-scope ol li{padding-top:18px;border-top:1px solid #ffffff15}.studio-scope .scope-intro h3{font-size:24px}.studio-scope .scope-intro>p:last-child{font-size:12px}} @media(prefers-reduced-motion:reduce){.shop-page-field g{animation:none!important}} /* Preserve the complete artwork: no zoom, crop, or movement underneath the profile. */ .artist-card .artist-work-image img,.artist-card .artist-slide.is-current .artist-work-image img{width:calc(100% - clamp(270px,28%,370px) - 70px)!important;height:100%!important;max-width:none;object-fit:contain!important;object-position:center center!important;padding:28px 24px 104px;transform:none!important;transition:none} @media(max-width:760px){.artist-card .artist-work-image img,.artist-card .artist-slide.is-current .artist-work-image img{width:100%!important;height:260px!important;padding:15px 18px 0}.artist-card .artist-slide figcaption{top:268px;max-width:calc(100% - 32px)}} /* Pause decorative work beyond the viewport, including pseudo-element highlights. */ .animation-offscreen,.animation-offscreen *,.animation-offscreen::before,.animation-offscreen::after,.animation-offscreen *::before,.animation-offscreen *::after{animation-play-state:paused!important} /* A separate drawn presence balances the real pair, with no photographic replacement. */ .linework-hero .hyena-lightwork{inset:auto var(--gutter) 100px auto;width:clamp(230px,21vw,340px);height:auto;aspect-ratio:480/390;overflow:visible} @media(max-width:760px){.linework-hero .hyena-lightwork{right:22px;bottom:135px;width:190px}.linework-hero .hyena-scene{top:175px;bottom:80px;height:auto}.linework-hero .hyena-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(#11151b 0%,transparent 18%,transparent 75%,#11151b 100%);pointer-events:none}} @media(max-width:760px){.linework-hero .hero-introduction{margin-top:22px!important;padding-top:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important}.linework-hero .hero-introduction .text-link{margin:0!important}.linework-hero .hero-copy{justify-content:flex-start!important}} /* Let the phone profile take the height its copy needs; never cover the artwork caption. */ @media(max-width:760px){.artist-collection .work-track>.artist-card{height:auto;min-height:0;padding:14px}.artist-card .artist-profile{position:relative;inset:auto;width:100%;margin-top:330px}.artist-card .artist-slide figcaption{top:268px;bottom:auto;max-width:calc(100% - 32px)}} /* /reading-flow.css */ /* Reading takes priority: a visual, its explanation, then its complete set of choices. */ html{scroll-padding-top:100px} #work .gallery-selection{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px} #work .gallery-selection>.collection-index{display:flex;flex-wrap:wrap;overflow:visible;max-width:none;width:100%;gap:7px;padding:0;justify-content:flex-start} #work .collection-index button{font-size:11px;padding:10px 15px;min-height:44px} #work .gallery-selection>.gallery-controls{align-self:start;padding-top:0} [data-gallery-track]{scroll-padding-inline:var(--gutter)} [data-gallery-track]:focus-visible{outline:1px solid #a9c1cf;outline-offset:-2px} button:focus-visible,a:focus-visible{outline:1px solid #b6cfe0;outline-offset:3px} /* Information panels determine their height; shallow desktop windows retain breathing room. */ @media(min-width:1000px){ #work .feature{height:clamp(460px,calc(100svh - 300px),560px);min-height:460px} .artist-collection .work-track>.artist-card{height:clamp(500px,calc(100svh - 260px),620px);min-height:500px} .gallery-selection{margin-top:22px} } /* A single chooser keeps the small-screen controls subordinate to the work. */ .mobile-project-picker{display:none} .studio-scope ol li{display:block} .studio-scope ol li>span{display:block;grid-row:auto;width:auto;height:auto;padding:0;border:0;border-radius:0;background:none;font:400 10px/1.5 Arial,sans-serif;color:#a2b0bf} .studio-scope ol li>strong{margin:12px 0 10px} @media(max-width:760px){ html{scroll-padding-top:88px} #work .gallery-selection{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;margin:18px 22px 0} #work .gallery-selection>.collection-index{display:none} .mobile-project-picker{display:block;position:relative;flex:1;min-width:0} .mobile-project-picker select{appearance:none;width:100%;height:44px;padding:0 30px 0 15px;overflow:hidden;text-overflow:ellipsis;border:1px solid #ffffff30;border-radius:999px;background:linear-gradient(120deg,#ffffff0d,#ffffff03);box-shadow:inset 0 1px #ffffff12;color:#e3e7ed;font:400 11px Arial,sans-serif;cursor:pointer} .mobile-project-picker option{background:#161c28;color:#e3e7ed} .mobile-project-picker svg{position:absolute;right:12px;top:15px;width:14px;height:14px;pointer-events:none;color:#aeb9c9} .mobile-project-picker select:focus-visible{outline:1px solid #b6cfe0;outline-offset:3px} #work .gallery-selection>.gallery-controls{flex:none;gap:6px;align-self:center} #work .gallery-controls>[data-gallery-position]{display:none} #work .gallery-controls>button{width:44px;height:44px;min-width:44px;padding:11px} .studio-scope ol{gap:22px} .studio-scope ol li{display:block;padding-top:20px} .studio-scope ol li>strong{font-size:15px;margin:8px 0} .studio-scope ol li>p{font-size:12px;line-height:1.75;margin:0} .site-header .nav-glass>a:not(.brand),.site-header .nav-glass>button{padding-inline:10px!important;font-size:10px!important} .site-header .nav-glass{max-width:100%!important;gap:0!important} .site-header .nav-glass .brand{flex:none} } @media(prefers-reduced-motion:reduce){.motion-enhanced .flow-enter{transition:none!important}} /* The last slide gets the same left-hand reading position as every earlier slide. */ [data-gallery-track]{padding-right:calc(var(--gutter) + var(--rail-end-space,0px))!important} /* The photograph begins at the top edge on phones, with a continuous reading veil. */ @media(max-width:760px){ .linework-hero{padding-top:54px} .linework-hero .hyena-scene{inset:0;height:100%;opacity:.92} .linework-hero .hyena-scene:after{background:linear-gradient(180deg,#0b101840,transparent 48%,#0b0e15 100%)} .linework-hero .hero-shade{background:linear-gradient(180deg,#0b101880, #0b10182b 43%,transparent 65%,#0b0e1599)!important} .linework-hero h1.hero-statement{font-size:clamp(28px,7.8vw,36px);max-width:340px} .linework-hero .hero-contact{max-width:none;white-space:nowrap;min-height:44px} } /* Match the existing glass edge without a second heavy ring. */ .gallery-controls button:focus-visible,.collection-index button:focus-visible,.artist-frame-controls button:focus-visible{outline:1px solid #b6cfe0;outline-offset:3px} @media(max-width:760px){ .service-collection .gallery-selection{flex-wrap:nowrap;justify-content:space-between} .service-collection .gallery-selection>.collection-index{width:auto;max-width:none;flex:1;gap:5px;padding:0} .service-collection .gallery-selection>.gallery-controls{gap:6px} .service-collection .gallery-selection>.gallery-controls>span{display:none} } /* /launch-refinement.css */ /* A quieter launch: short captions, deliberate controls, and breathing room. */ #work .feature .feature-caption{width:min(32%,370px);padding:25px;gap:16px;min-height:0} #work .feature-caption h3{font-size:clamp(23px,2.1vw,30px);margin:10px 0 12px} #work .feature-caption .project-number{letter-spacing:.08em} #work .feature-caption>div>p:not(.project-number){font-size:12px;line-height:1.65;margin-bottom:0} .gallery-play{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:0 0 54px;min-width:54px;height:44px;border:1px solid #ffffff35;border-radius:999px;background:linear-gradient(140deg,#ffffff14,#ffffff03);box-shadow:inset 0 1px #ffffff20;color:inherit;cursor:pointer;transition:background .25s,border-color .25s} .gallery-play:hover,.gallery-play[aria-pressed=true]{background:#ffffff1c;border-color:#ffffff75} .play-symbol{font-size:17px;line-height:1}.play-interval{font-size:9px;opacity:.6} .motion-paused .gallery-play{display:none} .artist-collection .gallery-play,.shop .gallery-play{border-color:#18352d33} .motion-enhanced .flow-enter{opacity:0;transform:translate3d(0,14px,0);transition:opacity .65s ease,transform .8s cubic-bezier(.22,.68,.3,1);transition-delay:var(--entry-delay,0ms)} .motion-enhanced .flow-enter.flow-visible{opacity:1;transform:none} .hyena-story .living-canopy{transform-origin:800px 580px;animation:living-canopy 19s ease-in-out infinite alternate;animation-play-state:paused} @keyframes living-canopy{from{transform:skewX(-.04deg) translateX(-.35px)}to{transform:skewX(.04deg) translateX(.35px)}} @media(max-width:760px){#work .feature .feature-caption{width:100%;padding:21px;gap:12px}#work .feature-caption h3{font-size:24px}.gallery-play{min-width:44px;flex-basis:44px}.play-interval{display:none}.work-gallery-select{min-width:0}} @media(max-width:370px){.service-gallery .gallery-selection{flex-wrap:wrap}} @media(prefers-reduced-motion:reduce){.hyena-story .living-canopy{animation:none}.motion-enhanced .flow-enter{opacity:1;transform:none;transition:none}.gallery-play{display:none}}.motion-paused .flow-enter{opacity:1;transform:none;transition:none} @media(max-width:760px){#work .work-track>.feature{height:480px;min-height:480px}#work .feature .feature-caption{flex:0 0 auto;margin-top:auto;min-height:0}#work .feature-caption .project-status{font-size:10px}.gallery-controls .gallery-play{display:inline-flex;flex-direction:row;align-items:center;justify-content:center}.gallery-controls .gallery-play .play-symbol{display:inline;line-height:1}} .motion-paused .gallery-controls .gallery-play{display:none!important} @media(prefers-reduced-motion:reduce){.gallery-controls .gallery-play{display:none!important}} /* Keep long project navigation on one quiet line, below its visual. */ @media(min-width:761px){ #work .gallery-selection{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;margin-top:20px} #work .gallery-selection>.collection-index{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:4px 18px 4px 0;mask-image:linear-gradient(90deg,#000 0%,#000 96%,transparent);max-width:100%;gap:6px} #work .collection-index button{flex:none;font-size:10px;min-height:40px;padding:9px 14px} #work .gallery-selection>.gallery-controls{align-self:center} #work .gallery-footer{padding-top:12px;margin-top:0} #work.work.collection{padding-bottom:52px} } .gallery-controls .gallery-play{display:inline-flex;flex-direction:row;gap:4px;align-items:center;justify-content:center;height:44px;width:44px;min-width:44px;flex-basis:44px} .gallery-controls .gallery-play .play-interval{display:none} .gallery-controls button:hover:not(:disabled){transform:none!important} /* A single complete identity, with a deliberate boundary into the footer. */ footer:before{display:none!important} footer{background:linear-gradient(180deg,#14151d,#11151c)!important} .footer-run{height:auto!important;min-height:270px;padding:32px 0;grid-template-columns:1fr minmax(220px,330px) 1fr!important;gap:30px;margin-bottom:36px;overflow:visible} .footer-identity{width:100%!important;max-width:330px;height:auto!important;aspect-ratio:4/3;overflow:visible} .footer-identity .identity-vector{display:block;width:100%;height:100%;overflow:visible} .footer-run .motion-signature{align-self:center}.footer-run .replay-brand{justify-self:end} .hyena-story .living-canopy{animation-name:living-canopy-visible;animation-duration:10s} @keyframes living-canopy-visible{from{transform:skewX(-.16deg) translateX(-1.5px)}to{transform:skewX(.16deg) translateX(1.5px)}} .motion-enhanced .flow-enter{transform:translate3d(0,24px,0);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.25,1)} .motion-enhanced .flow-enter.flow-visible{transform:none} @media(max-width:760px){.footer-run{min-height:0;padding:30px 0;grid-template-columns:1fr 150px!important;gap:18px}.footer-identity{max-width:150px}.footer-run .motion-signature{display:flex;flex-direction:column;align-items:start;gap:10px}.footer-run .replay-brand{grid-column:2;position:static;justify-self:center}} @media(prefers-reduced-motion:reduce){.motion-enhanced .flow-enter{transform:none;transition:none}.hyena-story .living-canopy{animation:none}} .motion-paused .flow-enter{transform:none;transition:none} footer .contact-title{font-size:clamp(46px,6.5vw,94px);line-height:1.02;letter-spacing:-.055em} footer .contact-title svg{width:clamp(30px,4vw,58px);height:auto} footer .replay-brand{border:1px solid #ffffff30;border-radius:999px;padding:10px 15px;min-height:40px;background:#ffffff05} /* Touch-sized glass controls with a complete edge and actual inner space. */ footer .footer-details .email-button,.contact-sheet .direct-email{display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:100%;min-height:46px;padding:12px 20px;border:1px solid #ffffff40;border-radius:999px;background:linear-gradient(130deg,#ffffff10,#ffffff04);box-shadow:inset 0 1px #ffffff20;font-size:14px;line-height:1.4;white-space:nowrap;text-decoration:none;transition:background .25s,border-color .25s} footer .email-button:hover{background:#ffffff15;border-color:#ffffff70} .contact-sheet .direct-email{border-color:#18352d30;background:#18352d06;font-size:13px;padding:12px 16px} .gallery-controls .play-symbol{display:flex;align-items:center;justify-content:center;width:20px;height:20px} .gallery-controls .play-symbol svg{display:block;width:20px;height:20px} .identity-declaration{font-size:32px;font-weight:500;letter-spacing:3px} .hyena-story .living-canopy{animation:foliage-gust 19s ease-in-out infinite;animation-play-state:paused;transform-origin:220px 410px} .hyena-story .canopy-right{animation-duration:23s;animation-delay:-9s;transform-origin:1340px 470px} @keyframes foliage-gust{0%,20%,100%{transform:none}36%{transform:translateX(1px) rotate(.18deg)}43%{transform:translateX(2.5px) rotate(.28deg)}54%{transform:translateX(.5px) rotate(.05deg)}65%{transform:translateX(1.3px) rotate(.12deg)}83%{transform:none}} .ground-shadows{opacity:0;animation:shadow-drift 31s ease-in-out -9s infinite;animation-play-state:paused;transform-origin:1400px 730px} @keyframes shadow-drift{0%,100%{transform:translateX(-18px) skewX(-2deg);opacity:.015}38%{opacity:.12}58%{transform:translateX(22px) skewX(2deg);opacity:.09}82%{opacity:.025}} .leaf-fall{opacity:0;animation:leaf-fall var(--fall-duration) linear var(--fall-delay) infinite;animation-play-state:paused} .leaf-turn{transform-box:fill-box;transform-origin:center;animation:leaf-turn var(--turn-duration) ease-in-out infinite;animation-play-state:paused} @keyframes leaf-fall{0%,14%{transform:translate(0,0);opacity:0}19%{opacity:.55}35%{transform:translate(38px,105px);opacity:.6}51%{transform:translate(17px,225px);opacity:.45}68%{transform:translate(92px,365px);opacity:.28}82%,100%{transform:translate(125px,470px);opacity:0}} @keyframes leaf-turn{0%,100%{transform:rotate(-25deg) scaleX(.8)}35%{transform:rotate(55deg) scaleX(.18)}70%{transform:rotate(145deg) scaleX(.85)}} .air-active .ground-shadows,.air-active .leaf-fall,.air-active .leaf-turn{animation-play-state:running} .motion-paused .falling-leaves,.motion-paused .ground-shadows{display:none} @media(prefers-reduced-motion:reduce){.falling-leaves,.ground-shadows{display:none}} @media(max-width:760px){footer .footer-details .email-button{font-size:13px;padding:12px 18px}} @media(prefers-reduced-motion:reduce){.hyena-story .living-canopy{animation:none}} /* Wind-borne dust: textured, feathered currents, without point lights or glow. */ .hero-air{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;contain:layout paint;mask-image:linear-gradient(180deg,transparent,black 17%,black 82%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,black 17%,black 82%,transparent)} .dust-current{position:absolute;left:-24%;top:21%;width:110%;height:62%;opacity:0;animation:dust-current 48s ease-in-out -12s infinite;animation-play-state:paused;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,transparent 70%);mask-image:radial-gradient(ellipse at center,#000 20%,transparent 70%)} .dust-current:before,.dust-current:after{content:"";position:absolute;inset:0;pointer-events:none} .dust-current:before{background:url('/assets/airborne-dust.svg') center/100% 100% no-repeat;opacity:.65;mix-blend-mode:screen} .dust-current:after{inset:8% -6%;background:radial-gradient(ellipse at 38% 57%,#fff8,transparent 46%),radial-gradient(ellipse at 64% 44%,#10121866,transparent 43%);opacity:.55} .hero-air:not(.hero-refraction){mix-blend-mode:soft-light;filter:grayscale(1)} .hero-refraction{mix-blend-mode:color;opacity:.76} .hero-refraction .dust-current:before{display:none} .hero-refraction .dust-current:after{inset:-8%;mix-blend-mode:normal;opacity:1;transform:none;background:radial-gradient(ellipse at 40% 55%,#ffcb49d9 0%,#e5ae5c80 23%,transparent 57%),radial-gradient(ellipse at 67% 37%,#fff0a370,transparent 45%)} .hero-refraction .dust-current-1:after{background:radial-gradient(ellipse at 29% 64%,#e66568bf,transparent 45%),radial-gradient(ellipse at 50% 48%,#66c6a4cc,transparent 43%),radial-gradient(ellipse at 72% 34%,#5a8de6d9,transparent 47%)} .hero-refraction .dust-current-2:after{background:radial-gradient(ellipse at 32% 58%,#e9b442a6,transparent 44%),radial-gradient(ellipse at 56% 44%,#9b74cfb3,transparent 43%),radial-gradient(ellipse at 76% 36%,#68c4d1b3,transparent 43%)} .dust-current-1{top:3%;left:-33%;width:125%;height:68%;animation-duration:64s;animation-delay:-38s} .dust-current-1:before{transform:scaleX(-1);opacity:.42} .dust-current-1:after{transform:rotate(-13deg);opacity:.6} .dust-current-2{top:48%;left:-35%;width:93%;height:42%;animation-duration:56s;animation-delay:-22s} .dust-current-2:before{opacity:.5}.dust-current-2:after{opacity:.65} @keyframes dust-current{0%,100%{transform:translate3d(-7%,5%,0) rotate(-4deg) scale(.98);opacity:.42}25%{transform:translate3d(12%,-2%,0) rotate(0deg) scale(1.03);opacity:.72}50%{transform:translate3d(30%,-7%,0) rotate(4deg) scale(1.08);opacity:.8}75%{transform:translate3d(12%,2%,0) rotate(1deg) scale(1.04);opacity:.58}} .air-active .dust-current,.air-active .living-canopy{animation-play-state:running} @media(max-width:760px){.dust-current{width:170%;left:-52%;height:53%;top:25%}.dust-current-1{top:7%;left:-67%;height:62%}.dust-current-2{top:55%;height:34%;width:145%;left:-48%}} .motion-paused .hero-air{display:none} @media(prefers-reduced-motion:reduce){.hero-air{display:none}} /* The name is stated once while a full wordmark is resolving. */ .linework-hero .background-caption,.footer-run .motion-signature .eyebrow{transition:opacity .3s ease,visibility .3s;opacity:1} .linework-hero.hero-wordmark-visible .background-caption,footer:has(.footer-identity[data-motion-state*="wordmark"]) .motion-signature .eyebrow{opacity:0;visibility:hidden} .linework-hero .hero-foot{position:relative;top:-14px} .hero-discovery-cards .hero-card-previews{position:absolute;inset:0;display:block;margin:0!important;z-index:5;pointer-events:none;overflow:hidden;border-radius:6px} .hero-discovery-cards .hero-card-previews .card-preview{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover!important;object-position:center!important;border-radius:6px;opacity:0;filter:none;animation:hero-card-preview 18s linear infinite;animation-play-state:paused;background:#1c2726} .hero-discovery-cards .hero-card-previews .card-preview.logo{object-fit:contain!important;padding:6px;background:#203c36} .hero-discovery-cards .hero-card-previews .card-preview:nth-child(2){animation-name:hero-card-preview-second} .hero-discovery-cards>a:nth-child(2) .card-preview{animation-delay:1s} .hero-discovery-cards>a:nth-child(3) .card-preview{animation-delay:2s} .air-active .hero-discovery-cards .card-preview{animation-play-state:running!important} @keyframes hero-card-preview{0%,24%,61%,100%{opacity:0}30%,55%{opacity:1}} @keyframes hero-card-preview-second{0%,54%,91%,100%{opacity:0}60%,85%{opacity:1}} @media(max-width:760px){.linework-hero .hero-foot{display:flex;flex-direction:column;align-items:stretch;gap:12px;top:-12px}.linework-hero .background-caption{align-self:flex-end}.hero-discovery-cards{width:100%}.hero-discovery-cards .hero-card-previews .card-preview.logo{padding:4px}} @media(prefers-reduced-motion:reduce){.hero-discovery-cards .card-preview{animation:none}.linework-hero .background-caption,.footer-run .motion-signature .eyebrow{transition:none}} /* Stable reading and interaction through browser-bar changes and gallery loops. */ html{scrollbar-gutter:stable} .footer-nav-space{height:96px;margin-bottom:24px;pointer-events:none} .site-header.is-docked{top:var(--nav-dock-top)!important;translate:none;transition:opacity .25s ease,visibility .25s} .site-header.is-docked .nav-glass{box-shadow:inset 0 1px 2px #ffffff25,0 8px 24px #00000012!important} [data-gallery-track].flow-visible,[data-gallery-track]:not(.flow-enter){transition:opacity .18s ease} [data-gallery-track].is-rewinding{opacity:0!important;pointer-events:none} .contact-sheet{overscroll-behavior:contain} @media(max-width:760px){.contact-sheet input,.contact-sheet textarea{font-size:16px}.contact-sheet{max-height:calc(100dvh - 24px);overflow-y:auto}} @media(prefers-reduced-motion:reduce){[data-gallery-track]{transition:none!important}} /* One lower reading line for the invitations and all four identity states. */ .linework-hero .hyena-lightwork{aspect-ratio:4/3} @media(min-width:1000px){ .linework-hero{--hero-baseline:clamp(72px,11svh,110px)} .linework-hero .hero-foot{position:absolute;grid-area:auto;inset:auto var(--gutter) var(--hero-baseline);padding:0;width:auto} .linework-hero .hyena-lightwork{bottom:var(--hero-baseline)} .linework-hero .hero-copy{align-self:center;top:-40px} .linework-hero .hero-discovery-cards>a{width:clamp(170px,17.5vw,210px)!important} } @media(min-width:761px) and (max-width:999px){ .linework-hero{--hero-baseline:86px} .linework-hero .hero-foot{position:absolute;grid-area:auto;inset:auto var(--gutter) var(--hero-baseline);padding:0;width:auto} .linework-hero .hero-discovery-cards{width:calc(100vw - var(--gutter)*2 - 230px);gap:8px!important} .linework-hero .hero-discovery-cards>a{width:auto!important;min-width:0;flex:1;display:flex!important;flex-direction:column!important;height:78px!important;padding:8px!important} .linework-hero .hero-discovery-cards .discovery-art{width:100%!important;height:37px!important} .linework-hero .hero-discovery-cards>a>span:last-child{text-align:center!important} .linework-hero .hyena-lightwork{width:210px;bottom:var(--hero-baseline)} #work .feature{flex-basis:76vw;height:440px;min-height:440px} #work .feature .feature-caption{padding:18px;right:20px;bottom:20px} } @media(max-width:760px){ .linework-hero .hyena-lightwork{bottom:145px} .linework-hero .hero-foot{gap:16px} } @media(min-width:1000px){ #work .feature{flex-basis:min(68vw,1040px);height:clamp(390px,32vw,460px);min-height:390px} #work .feature .feature-caption{width:clamp(230px,32%,310px);right:24px;bottom:24px;padding:21px;gap:14px} #work .feature-caption h3{font-size:clamp(22px,1.7vw,27px)} #work .scene-top{inset:24px 26px auto} #work .scene-tag{left:26px;bottom:24px} #work .artist-name{font-size:clamp(42px,4.8vw,76px)} } /* /discovery.css */ /* Native website routes remain inside their client identity cards. */ #work .feature-caption .project-live-link{align-self:flex-start;display:inline-flex;align-items:center;gap:12px;min-height:44px;max-width:100%;padding:9px 14px;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 32%,transparent);border-radius:999px;background:#ffffff08;color:inherit;font-size:12px;line-height:1.4;text-decoration:none;box-shadow:inset 0 1px #ffffff24;transition:background .25s,border-color .25s} #work .feature-caption .project-live-link:hover{background:#ffffff1a;transform:none} #work .feature-caption .project-live-link .ui-icon{width:17px;height:17px;flex:none} #work .feature-caption .project-live-link:focus-visible{outline:2px solid currentColor;outline-offset:3px} /* /gallery-structure.css */ /* Four distinct chapters, one consistent way to explore them. */ .chapter-rail{position:relative;padding-block:68px 42px!important;overflow:hidden} .chapter-rail .gallery-heading{margin-bottom:30px!important;align-items:start} .chapter-rail .gallery-heading>div{width:100%;max-width:1000px} .chapter-rail .gallery-heading h2{font:400 clamp(34px,3.3vw,52px)/1.08 ArtistSans,Arial,sans-serif!important;letter-spacing:-.045em;max-width:none;margin:14px 0 0} .chapter-rail .collection-intro{display:block;max-width:650px;font-size:13px;line-height:1.75;margin-top:18px} .rail-context{font-size:11px;line-height:1.75;max-width:700px;margin-top:10px;color:#b1bac6} .inline-contact{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:2px 0;margin-left:8px;border:0;border-bottom:1px solid #ffffff40;background:none;color:#d8e7cc;font:inherit;cursor:pointer} .inline-contact .ui-icon{width:14px;height:14px} #work.chapter-rail{background:linear-gradient(#0b0e15 0,#111722 64px,#111722 calc(100% - 36px),#172625)} .systems-rail{background:#172625;color:#e7eee8} .systems-rail .gallery-heading :is(h2,.eyebrow){color:#e7eee8} .systems-rail .collection-intro{color:#bdcec5} .systems-rail .gallery-footer{color:#bdcec5} .artist-collection.chapter-rail{background:linear-gradient(#172625 0,#c7cebd 36px,#c7cebd calc(100% - 36px),#dfdfd1)} .artist-collection.chapter-rail .gallery-heading{padding-top:8px} .artist-collection.chapter-rail .gallery-heading :is(h2,.eyebrow,.collection-intro){color:#2b4035} .shop-collection.chapter-rail{background:#dfdfd1;color:#2b4035} .shop-collection.chapter-rail .gallery-heading :is(h2,.eyebrow,.collection-intro){color:#2b4035} .chapter-rail>.gallery-selection{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin:20px var(--gutter) 0} .chapter-rail>.gallery-selection>.collection-index{display:flex;flex-wrap:nowrap;justify-content:flex-start;max-width:100%;width:auto;padding:4px 12px 4px 0;margin:0;overflow-x:auto;gap:6px;mask-image:none} .chapter-rail .collection-index button{min-height:44px;font-size:11px;box-shadow:inset 0 1px #ffffff20} .chapter-rail .collection-index button[aria-pressed=true]{box-shadow:inset 0 1px #ffffff66} .chapter-rail .gallery-selection>.gallery-controls{align-self:center} .chapter-rail .gallery-footer{display:flex;justify-content:space-between;gap:20px;padding:16px var(--gutter) 0;margin:0;font-size:10px;line-height:1.6} .chapter-rail>.gallery-progress{margin:20px var(--gutter) 0;background:#ffffff20} .chapter-rail>.gallery-progress:after{content:"";display:block;height:1px;background:currentColor;transform:scaleX(var(--rail-progress,.25));transform-origin:left} .artist-collection.chapter-rail>.gallery-progress,.shop-collection.chapter-rail>.gallery-progress{background:#34493625} /* Product marks and conceptual line drawings remain the primary surfaces. */ .systems-rail .systems-track>.system-card{position:relative;display:block;isolation:isolate;flex-basis:min(70vw,1040px);height:clamp(390px,calc(100svh - 360px),460px);min-height:390px;border:1px solid #ffffff25;border-radius:26px;overflow:hidden;box-shadow:inset 0 1px #ffffff20} .systems-rail .system-card .feature-scene{position:absolute;inset:0;height:100%;min-height:100%;border-radius:0} .systems-rail .brand-composition{position:absolute;inset:0 36% 0 0} .systems-rail .system-card .feature-caption{position:absolute;right:24px;bottom:24px;width:31%;max-width:310px;min-height:0;padding:23px;display:flex;flex-direction:column;justify-content:center;gap:16px;border:1px solid #ffffff55;border-radius:22px;background:linear-gradient(125deg,#ffffff14,#10212899);backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);box-shadow:inset 0 1px #ffffff40;color:#f2f4ec;z-index:2} .systems-rail .feature-caption h3{font-size:clamp(24px,2.1vw,32px);font-weight:400;line-height:1.1;margin:10px 0 14px;color:inherit} .systems-rail .feature-caption>div>p:not(.project-number){font-size:12px;line-height:1.7;color:inherit;opacity:.9;margin:0} .systems-rail .feature-caption .project-number{font-size:9px;line-height:1.5;margin:0;opacity:.75;color:inherit} .systems-rail .feature-caption .project-status{color:inherit;font:400 10px/1.5 Arial,sans-serif;align-self:flex-start;float:none;margin:0} .systems-rail .scene-top>span{font:400 9px/1.5 Arial,sans-serif!important;letter-spacing:.07em;max-width:60%;text-align:left} .systems-rail .scene-top>span:last-child{text-align:right} .systems-rail .system-locus .feature-caption{background:linear-gradient(125deg,#ffffff80,#ffffff40);border-color:#ffffffb0;color:#203a32} .systems-rail .locus-stage{inset:21% 14% 30%}.systems-rail .locus-contexts{bottom:23%;font-size:11px} .systems-rail .system-link{align-self:flex-start;display:inline-flex;align-items:center;gap:12px;min-height:44px;max-width:100%;border:1px solid #ffffff50;border-radius:999px;padding:10px 14px;background:#ffffff08;color:inherit;font:400 11px/1.45 Arial,sans-serif;text-decoration:none;cursor:pointer;box-shadow:inset 0 1px #ffffff20;transition:background .25s} .systems-rail .system-link:hover{background:#ffffff18;transform:none} .system-link .ui-icon{width:17px;height:17px;flex:none} .systems-rail .scene-top{font-size:9px}.systems-rail .scene-tag{font-size:9px}.systems-rail .scene-index{opacity:.4} .system-murray .feature-scene{background:radial-gradient(ellipse at 30% 40%,#8b6b4c,#332b28 80%);color:#efdac0} .system-murexical .feature-scene{background:radial-gradient(ellipse at 30% 40%,#545274,#1c2636 80%);color:#d3d5f0} .system-linework{position:absolute;inset:5% 2% 12%;width:96%;height:83%;opacity:.55} .system-name{position:absolute;left:12%;right:12%;top:42%;text-align:center;font:400 clamp(30px,4vw,66px)/1.1 ArtistSans,Arial,sans-serif;letter-spacing:.025em;color:inherit;text-shadow:0 1px 20px #15202a} .murexical-name{font-family:Georgia,serif;letter-spacing:-.045em} .system-linework .orbit-drift,.system-linework .room-orbit{transform-origin:center;animation:system-orbit 28s ease-in-out infinite alternate} @keyframes system-orbit{from{transform:rotate(-4deg)}to{transform:rotate(5deg)}} .animation-offscreen .system-linework *,.motion-paused .system-linework *{animation-play-state:paused!important} /* Studio commissions share the artist-gallery format without borrowing an artist's work. */ .commission-visual{position:absolute;inset:0;background:#40334b;overflow:hidden} .commission-visual>img:first-child{width:100%;height:100%;object-fit:cover;opacity:.4;filter:saturate(.75)} .commission-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#302b3d30,#302b3d95)} .commission-lines{position:absolute;inset:4% 35% 4% 3%;color:#f5e0b9;opacity:.35}.commission-lines svg{width:100%;height:100%} .commission-visual .commission-mark{position:absolute;width:28%;height:35%;object-fit:contain;left:16%;top:31%;z-index:1;filter:brightness(0) invert(1);opacity:.85} .artist-card .commission-profile{width:clamp(290px,34%,430px);background:linear-gradient(125deg,#60506280,#2d263ba6)} .artist-collection .work-track>.commission-card{flex-shrink:0} .commission-profile>.eyebrow{color:#e5dfe6;font-size:9px} .commission-profile h3{font:400 clamp(28px,2.8vw,42px)/1.1 ArtistSans,Arial,sans-serif;letter-spacing:-.04em;margin-top:16px;color:#fffdf2} .commission-profile .commission-note{font-size:10px;line-height:1.65;color:#d6cfdb;margin-top:14px} .commission-profile .artist-enquiry .ui-icon{width:17px;height:17px} .footer-process{border-bottom:1px solid #ffffff20;padding:0 0 24px;margin-bottom:30px;color:#d4dae2} .footer-process p{display:flex;align-items:start;justify-content:space-between;gap:28px;font-size:12px;line-height:1.75} .footer-process strong{font-weight:400;color:#eef0ed}.footer-process span{max-width:390px;color:#abb6c4} footer .footer-run{min-height:0;padding-block:18px;grid-template-columns:1fr minmax(160px,230px) 1fr!important;margin-bottom:30px} footer .footer-identity{max-width:230px} footer .compact-context{display:flex;justify-content:space-between;gap:20px;margin-top:28px;padding-block:22px;color:#aeb8c6;font-size:11px;line-height:1.6} footer .compact-context p{margin:0} .contact-sheet form select{width:100%;min-height:46px;border:1px solid #263e3a45;border-radius:10px;padding:10px 12px;background:#f3f3eb;color:#20332c;font:400 14px Arial,sans-serif;margin-top:8px} .contact-sheet form select:focus-visible{outline:2px solid #5d7568;outline-offset:2px} @media(max-width:999px){ .systems-rail .systems-track>.system-card{height:auto;min-height:540px;display:flex;flex-direction:column;padding:14px} .systems-rail .brand-composition{inset:0 0 auto;height:255px} .systems-rail .system-card .feature-caption{position:relative;inset:auto;width:100%;max-width:none;margin-top:255px;padding:22px;gap:16px;flex:1} .systems-rail .locus-stage{inset:20% 15% 25%;flex-direction:row;gap:10%}.systems-rail .locus-stage .locus-symbol{width:30%;height:100%}.systems-rail .locus-stage .locus-wordmark{width:55%;height:60%}.systems-rail .locus-contexts{bottom:17%;font-size:9px} .systems-rail .scene-top{font-size:8px;inset:18px 20px auto}.systems-rail .scene-tag{font-size:8px;left:20px;bottom:15px}.systems-rail .scene-index{font-size:24px;right:20px;bottom:15px} .system-name{font-size:42px}.systems-rail .system-linework{inset:1% 12% 10%;width:76%;height:89%} } @media(max-width:760px){ .chapter-rail{padding-block:44px 30px!important} .chapter-rail .gallery-heading{margin-bottom:24px!important} .chapter-rail .gallery-heading h2{font-size:32px!important;max-width:340px;line-height:1.1} .chapter-rail .collection-intro{font-size:12px;line-height:1.7;max-width:420px;margin-top:14px} .rail-context{font-size:10px;line-height:1.7;margin-top:8px}.inline-contact{margin-left:0;margin-top:2px} .chapter-rail>.gallery-selection{display:flex;flex-wrap:nowrap;gap:10px;margin:18px 22px 0} .chapter-rail>.gallery-selection>.collection-index{display:none} .chapter-rail .gallery-selection>.gallery-controls{flex:none;gap:5px;padding:0} .chapter-rail .gallery-controls>[data-gallery-position]{display:none} .chapter-rail .gallery-controls>button{min-width:44px;width:44px;height:44px;padding:11px} .chapter-rail .gallery-footer{gap:16px;font-size:9px;padding-top:14px}.chapter-rail .gallery-footer>span:last-child{max-width:90px;text-align:right} .artist-collection .mobile-project-picker select,.shop-collection .mobile-project-picker select{color:#2b4035;border-color:#34493640;background:#ffffff30} .artist-collection .mobile-project-picker svg,.shop-collection .mobile-project-picker svg{color:#2b4035} .artist-collection .mobile-project-picker option,.shop-collection .mobile-project-picker option{background:#e2e6db;color:#2b4035} .systems-rail .systems-track>.system-card{min-height:550px;flex-basis:88vw} .systems-rail .system-card .feature-caption{padding:21px;margin-top:240px;gap:15px} .systems-rail .brand-composition{height:240px} .systems-rail .feature-caption h3{font-size:26px;margin:9px 0 12px} .systems-rail .feature-caption>div>p:not(.project-number){font-size:12px;line-height:1.65} .artist-collection .work-track>.commission-card{min-height:0;height:auto;padding:14px} .commission-lines{inset:12px 0 auto;height:270px} .commission-visual .commission-mark{left:28%;top:70px;width:44%;height:150px} .artist-card .commission-profile{position:relative;inset:auto;width:100%;margin-top:265px;padding:22px} .commission-profile h3{font-size:32px}.commission-profile .artist-bio{font-size:12px;line-height:1.7} .footer-process p,footer .compact-context{display:flex;flex-direction:column;gap:10px} footer .footer-run{grid-template-columns:1fr 130px!important;padding-block:20px;gap:12px;margin-bottom:24px} footer .footer-identity{max-width:130px} .footer-process{padding-bottom:20px;margin-bottom:25px} } @media(prefers-reduced-motion:reduce){.system-linework *{animation:none!important}} /* Keep artwork, context and the next choice within an easier phone scroll. */ .artist-card .artist-source{display:flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#ffffff55;color:#e2e9de;font-size:10px;line-height:1.5} .artist-card .artist-source:hover{text-decoration-color:currentColor} @media(max-width:760px){ .chapter-rail{padding-block:36px 25px!important} .chapter-rail .gallery-heading{margin-bottom:20px!important} .systems-rail .systems-track>.system-card{min-height:490px} .systems-rail .brand-composition{height:210px} .systems-rail .system-card .feature-caption{margin-top:210px;padding:18px;gap:12px} .systems-rail .feature-caption h3{font-size:25px;margin:8px 0 10px} .systems-rail .feature-caption>div>p:not(.project-number){line-height:1.6} .artist-collection .work-track>.artist-card{height:auto;min-height:0;padding:12px} .artist-card .artist-work-image img,.artist-card .artist-slide.is-current .artist-work-image img{height:224px!important;padding:12px 18px 0} .artist-card .artist-slide figcaption{top:228px;left:14px;max-width:calc(100% - 28px);padding:8px 11px} .artist-card .artist-slide figcaption strong{font-size:12px;line-height:1.3} .artist-card .artist-slide figcaption span{font-size:9px;line-height:1.4} .artist-card .artist-profile{margin-top:278px;padding:15px;gap:0} .artist-card .artist-portrait{width:40px;height:48px} .artist-card .artist-person{gap:12px} .artist-card .artist-person h3{font-size:26px;margin-top:6px} .artist-card .artist-discipline{margin-top:8px;font-size:9px;line-height:1.5} .artist-card .artist-bio{margin-top:7px;font-size:11px;line-height:1.55} .artist-card .artist-work-choice{margin-top:7px} .artist-card .artist-profile .artist-frame-controls{margin-top:0;gap:6px} .artist-card .artist-profile .artist-frame-controls button{min-height:44px;font-size:10px;padding:8px 12px} .artist-card .artist-source{margin-top:7px;padding-top:6px;min-height:44px;font-size:10px;line-height:1.5} .artist-card .artist-enquiry{margin-top:7px;min-height:44px;font-size:11px} .artist-card .commission-profile{margin-top:224px;padding:19px} .commission-lines{height:230px} .commission-visual .commission-mark{top:56px;height:130px} .commission-profile h3{font-size:30px;margin-top:12px} .commission-profile .commission-note{font-size:10px;line-height:1.6;margin-top:10px} .shop-card{min-height:0;height:auto;padding:12px} .shop-original-art{height:232px;padding:12px 12px 0;object-fit:contain;opacity:1} .shop-work-credit{top:236px;left:24px;right:24px;padding:8px 11px;gap:3px} .shop-work-credit strong{font-size:12px;line-height:1.3}.shop-work-credit span{font-size:9px;line-height:1.4} .shop-card .shop-card-copy{margin-top:284px;padding:18px;flex:0 0 auto} .shop-card .shop-card-copy h3{font-size:25px;line-height:1.12;margin:12px 0} .shop-card .shop-card-copy>p:not(.eyebrow){font-size:12px;line-height:1.65;color:#e0e7e0} .shop-card .shop-card-copy .offer-link{min-height:44px;margin-top:14px;padding:10px 12px} .shop-card .shop-card-copy>small{font-size:9px;color:#cbd6ce;line-height:1.5;margin-top:10px} .shop-page-field{height:280px}.shop-original-lockup{top:64px;height:92px}.shop-printed-caption{top:214px} } /* Compact gallery scale, with independent space for art and its artist. */ @media(min-width:1000px){ #work .work-track>.feature{flex-basis:min(62vw,940px);height:420px;min-height:420px} .systems-rail .systems-track>.system-card{flex-basis:min(64vw,960px);height:420px;min-height:420px} .shop-collection .shop-track>.shop-card{flex-basis:min(72vw,1060px);height:470px;min-height:470px} .shop-card .shop-card-copy{right:22px;bottom:22px;width:34%;padding:22px} } .artist-collection .work-track{align-items:flex-start} .artist-collection .work-track>.artist-card{display:block;flex-basis:min(75vw,1080px);height:510px;min-height:510px;padding:0} .artist-card[data-artist] .artist-sequence{position:absolute;inset:0;height:100%;min-height:0} .artist-card[data-artist] .artist-work-image img,.artist-card[data-artist] .artist-slide.is-current .artist-work-image img{width:calc(100% - 334px)!important;height:100%!important;padding:26px 24px 92px;object-fit:contain!important;object-position:center!important} .artist-card[data-artist] .artist-slide figcaption{top:auto;left:24px;bottom:20px;max-width:calc(100% - 370px);padding:10px 13px;box-shadow:none} .artist-card[data-artist] .artist-slide figcaption strong{font-size:15px;line-height:1.3} .artist-card[data-artist] .artist-slide figcaption span{font-size:10px} .artist-card[data-artist] .artist-profile{inset:auto 20px 20px auto;width:310px;max-height:calc(100% - 40px);overflow:auto;overscroll-behavior:auto;padding:20px;margin:0;border-radius:20px;background:linear-gradient(130deg,#76817665,#172a23c9)} .artist-card[data-artist] .artist-person{gap:13px} .artist-card[data-artist] .artist-portrait{width:45px;height:54px;border-radius:9px} .artist-card[data-artist] .artist-person h3{font-size:28px;line-height:1.1;margin-top:7px;letter-spacing:-.035em} .artist-card[data-artist] .artist-person .eyebrow{font-size:8px;line-height:1.5} .artist-card[data-artist] .artist-discipline{font-size:10px;line-height:1.5;margin:13px 0 0;color:#e1e8df} .artist-about{width:100%;margin-top:8px;color:#e3e9e1;font:400 11px/1.6 Arial,sans-serif} .artist-about summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:16px;cursor:pointer;border-bottom:1px solid #ffffff20} .artist-about summary::-webkit-details-marker{display:none} .artist-about summary span{font-size:18px;transition:transform .2s} .artist-about[open] summary span{transform:rotate(45deg)} .artist-about summary:focus-visible{outline:1px solid #f3f1dc;outline-offset:3px;border-radius:5px} .artist-card .artist-about .artist-bio{font-size:11px;line-height:1.65;color:#e3e9e1;margin:10px 0 14px} .artist-card[data-artist] .artist-work-choice{margin-top:10px;width:100%} .artist-card[data-artist] .artist-profile .artist-frame-controls{gap:5px;flex-wrap:wrap;margin:0} .artist-card[data-artist] .artist-profile .artist-frame-controls button{min-height:44px;padding:6px 9px 6px 6px;gap:6px;font-size:10px;color:#eef1e9;border-color:#ffffff40} .artist-card[data-artist] .artist-profile .artist-frame-controls button[aria-pressed=true]{background:#f2f3e9e8;border-color:#fff;color:#243d34;box-shadow:inset 0 1px #fff} .work-swatch{width:24px;height:24px;flex:none;border-radius:50%;object-fit:cover;pointer-events:none} .artist-card[data-artist] .artist-source{flex-direction:row;justify-content:flex-start;align-items:center;margin-top:8px;padding-top:0;min-height:44px;border:0;font-size:10px;color:#e2e9de} .artist-card[data-artist] .artist-enquiry{margin-top:4px;min-height:44px;padding:10px 14px;font-size:11px;gap:12px} .artist-card .commission-profile{right:20px;bottom:20px;padding:22px;width:310px} .commission-profile h3{font-size:34px} @media(min-width:761px) and (max-width:999px){ .artist-collection .work-track>.artist-card{flex-basis:86vw;height:500px;min-height:500px} .artist-card[data-artist] .artist-profile{width:280px;padding:16px} .artist-card[data-artist] .artist-work-image img,.artist-card[data-artist] .artist-slide.is-current .artist-work-image img{width:calc(100% - 300px)!important;padding-inline:18px} .artist-card[data-artist] .artist-slide figcaption{max-width:calc(100% - 330px);left:18px} .artist-card[data-artist] .artist-person h3{font-size:25px} .artist-card[data-artist] .artist-profile .artist-frame-controls button{gap:4px;padding-right:7px;font-size:9px} } @media(max-width:760px){ #work .work-track>.feature{flex-basis:86vw;height:440px;min-height:440px} .systems-rail .systems-track>.system-card{flex-basis:86vw;min-height:460px} .systems-rail .brand-composition{height:185px} .systems-rail .system-card .feature-caption{margin-top:185px} .artist-collection .work-track>.artist-card{flex-basis:86vw;height:auto;min-height:0;padding:10px} .artist-card[data-artist] .artist-sequence{position:relative;inset:auto;height:265px;min-height:265px;margin:-10px -10px 0} .artist-card[data-artist] .artist-work-image{background:transparent;overflow:visible} .artist-card[data-artist] .artist-work-image::before{inset:0;filter:blur(18px);transform:none;opacity:.4} .artist-card[data-artist] .artist-work-image img,.artist-card[data-artist] .artist-slide.is-current .artist-work-image img{width:100%!important;height:206px!important;padding:12px 15px 0} .artist-card[data-artist] .artist-slide figcaption{left:14px;right:14px;top:213px;bottom:auto;width:max-content;max-width:calc(100% - 28px);padding:6px 9px;background:#1b3028b0} .artist-card[data-artist] .artist-slide figcaption strong{font-size:12px;line-height:1.3} .artist-card[data-artist] .artist-slide figcaption span{font-size:9px;line-height:1.4} .artist-card[data-artist] .artist-profile{position:relative;inset:auto;width:100%;max-height:none;overflow:visible;margin:0;padding:14px;border-radius:17px;background:linear-gradient(130deg,#657366b0,#172a23ed)} .artist-card[data-artist] .artist-person h3{font-size:25px} .artist-card[data-artist] .artist-portrait{width:36px;height:43px} .artist-card[data-artist] .artist-discipline{margin-top:8px;font-size:9px} .artist-card[data-artist] .artist-about{margin-top:2px;font-size:10px} .artist-card[data-artist] .artist-work-choice{margin-top:7px} .artist-card[data-artist] .artist-source{margin-top:1px} .artist-card[data-artist] .artist-enquiry{margin-top:7px} .artist-card .commission-profile{position:relative;inset:auto;width:100%;margin-top:200px;padding:18px} .commission-profile h3{font-size:29px} .commission-lines{height:210px} .commission-visual .commission-mark{top:48px;height:125px} .shop-collection .shop-track>.shop-card{flex-basis:86vw} .shop-original-art{height:215px} .shop-work-credit{top:219px} .shop-card .shop-card-copy{margin-top:266px} .shop-card .shop-card-copy>p:not(.eyebrow){font-size:11px;line-height:1.6} } .artist-card[data-artist] .artist-slide{transition:opacity .45s ease,visibility .45s} @media(max-width:360px){ .artist-card[data-artist] .artist-profile .artist-frame-controls{gap:4px} .artist-card[data-artist] .artist-profile .artist-frame-controls button{font-size:9px;gap:4px;padding:6px} .artist-card[data-artist] .work-swatch{width:22px;height:22px} } @media(prefers-reduced-motion:reduce){.artist-card[data-artist] .artist-slide{transition:none}} .motion-paused .artist-card[data-artist] .artist-slide{transition:none} /* Artist cards are objects in a collection, not full-width banners. */ @media(min-width:761px){ .artist-collection .work-track{gap:22px} .artist-collection .work-track>.artist-card{flex-basis:clamp(400px,42vw,560px);height:auto;min-height:0;padding:12px;border-radius:24px} .artist-card[data-artist] .artist-sequence{position:relative;inset:auto;height:323px;min-height:323px;margin:-12px -12px 0} .artist-card[data-artist] .artist-work-image{overflow:visible} .artist-card[data-artist] .artist-work-image::before{inset:0;transform:none;filter:blur(18px)} .artist-card[data-artist] .artist-work-image img,.artist-card[data-artist] .artist-slide.is-current .artist-work-image img{width:100%!important;height:258px!important;padding:18px 22px 0} .artist-card[data-artist] .artist-slide figcaption{left:20px;right:20px;top:267px;bottom:auto;max-width:calc(100% - 40px);width:max-content;padding:7px 11px} .artist-card[data-artist] .artist-slide figcaption strong{font-size:13px} .artist-card[data-artist] .artist-slide figcaption span{font-size:9px} .artist-card[data-artist] .artist-profile{position:relative;inset:auto;margin:0;width:100%;max-height:none;overflow:visible;padding:17px 19px;border-radius:18px} .artist-card[data-artist] .artist-person h3{font-size:27px} .artist-card[data-artist] .artist-portrait{width:40px;height:47px} .artist-card[data-artist] .artist-discipline{margin-top:8px;font-size:10px} .artist-card[data-artist] .artist-about{margin-top:2px} .artist-card[data-artist] .artist-work-choice{margin-top:8px} .artist-card[data-artist] .artist-enquiry{max-width:none;margin-top:8px} .artist-card .commission-profile{position:relative;inset:auto;width:100%;margin-top:301px;padding:22px} .commission-lines{inset:10px 10px auto;height:290px} .commission-visual .commission-mark{left:24%;top:60px;width:52%;height:175px} .commission-profile h3{font-size:30px} } .footer-bottom .footer-legal{display:flex;flex-direction:column;gap:4px;margin:0;max-width:400px;font:400 10px/1.6 Arial,sans-serif;color:#b7bec8;text-align:center} @media(max-width:760px){.footer-bottom{flex-wrap:wrap;align-items:center}.footer-bottom .footer-legal{order:3;flex-basis:100%;max-width:none;text-align:left;font-size:10px;margin-top:4px}} /* A single quiet control row and a clearer glimpse of the next work. */ @media(min-width:761px){ #work.chapter-rail>.gallery-selection>.collection-index{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-width:100%;width:auto;padding:4px 12px 4px 0;gap:6px;scrollbar-width:thin;scrollbar-color:#b5c1c540 transparent} #work.chapter-rail>.gallery-selection>.collection-index button{flex:none;white-space:nowrap} #work.chapter-rail>.gallery-selection>.gallery-controls{align-self:center;padding-top:0} .chapter-rail>.gallery-selection{gap:18px} } @media(min-width:1000px){ #work .work-track>.feature{flex-basis:min(58vw,780px);height:400px;min-height:400px} #work .feature .feature-caption{right:18px;bottom:18px;width:clamp(230px,33%,270px);padding:18px;gap:12px} .systems-rail .systems-track>.system-card{flex-basis:min(60vw,820px);height:400px;min-height:400px} .systems-rail .system-card .feature-caption{right:18px;bottom:18px;width:34%;padding:18px;gap:12px} .systems-rail .feature-caption h3{font-size:26px;margin:8px 0 12px} .shop-collection .shop-track>.shop-card{flex-basis:min(65vw,900px);height:450px;min-height:450px} .shop-card .shop-card-copy{right:18px;bottom:18px;width:35%;padding:20px} .shop-card .shop-card-copy h3{font-size:26px;margin:12px 0} } .chapter-rail .gallery-controls>button{flex-shrink:0} .chapter-rail .gallery-controls>button:disabled{cursor:default} .chapter-rail .mobile-project-picker{min-width:0} @media(max-width:360px){ .chapter-rail>.gallery-selection,#work.chapter-rail>.gallery-selection{margin-inline:16px;gap:7px} .chapter-rail .gallery-selection>.gallery-controls,#work.chapter-rail .gallery-selection>.gallery-controls{gap:4px} .chapter-rail .mobile-project-picker select{padding-left:11px;font-size:10px} } /* /studio-motion.css */ /* HYENAS STUDIO signs the introduction; the client work remains the main event. */ #work #practice{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,330px);gap:clamp(28px,5vw,72px);align-items:center;min-height:220px} #work #practice>div{max-width:680px;width:auto} #work #practice .collection-intro{max-width:610px} .studio-placement{position:relative;margin:0;justify-self:end;width:100%;max-width:330px;height:236px} .studio-mark-stage{position:absolute;inset:0 0 24px} .studio-mark-stage iframe,.studio-mark-still{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:transparent;color-scheme:dark;object-fit:contain} .studio-mark-stage iframe{opacity:0;pointer-events:none;transition:opacity .35s ease} .studio-mark-still{transition:opacity .35s ease} .studio-motion-ready iframe{opacity:1}.studio-motion-ready .studio-mark-still{opacity:0} .studio-placement .studio-motion-toggle{position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;padding:10px;border:1px solid #ffffff28;border-radius:50%;background:#ffffff05;color:#bcc6cb;box-shadow:inset 0 1px #ffffff13;cursor:pointer;transition:color .2s,background .2s;transform:none!important} .studio-placement .studio-motion-toggle[hidden]{display:none} .studio-motion-toggle svg{width:16px;height:16px;flex:none}.studio-motion-toggle .studio-play-symbol{display:none} .studio-motion-toggle[aria-pressed=true] .studio-play-symbol{display:block}.studio-motion-toggle[aria-pressed=true] .studio-pause-symbol{display:none} .studio-placement .studio-motion-toggle:hover{background:#ffffff12;color:#fff} .studio-motion-toggle:focus-visible{outline:1px solid #e0e8dd;outline-offset:3px} /* Small actions get an even perimeter and deliberate space around the label. */ .chapter-rail .inline-contact{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;min-height:38px;padding:8px 14px;margin-left:10px;gap:10px;max-width:100%;border:1px solid #ffffff38;border-radius:999px;background:linear-gradient(120deg,#ffffff0b,#ffffff03);box-shadow:inset 0 1px #ffffff14;color:#dce6db;font:400 11px/1.4 Arial,sans-serif;text-decoration:none;transform:none!important;transition:background .2s,border-color .2s} .chapter-rail .inline-contact::before,.chapter-rail .inline-contact::after{display:none!important} .chapter-rail .inline-contact .ui-icon{width:15px;height:15px;flex:0 0 15px;transform:none!important} .chapter-rail .inline-contact:hover{background:#ffffff12;border-color:#ffffff60;transform:none!important} .chapter-rail .inline-contact:focus-visible{outline:1px solid #dce6db;outline-offset:3px} #work .rail-context{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:16px} #work .rail-context .inline-contact{margin:0} @media(max-width:760px){ #work #practice{grid-template-columns:minmax(0,1fr) 122px;gap:0 16px;min-height:0;align-items:start} #work #practice>div{display:contents} #work #practice>div>.eyebrow{grid-column:1;grid-row:1;align-self:end;margin:0;padding-top:8px;font-size:8px;line-height:1.5} #work #practice h2{grid-column:1;grid-row:2;font-size:28px!important;line-height:1.06;margin:10px 0 0;max-width:230px;text-wrap:balance} #work #practice .collection-intro{grid-column:1 / -1;grid-row:3;margin-top:20px} #work #practice .rail-context{grid-column:1 / -1;grid-row:4;gap:10px;margin-top:14px} .studio-placement{grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:end;width:122px;max-width:none;height:114px;margin:0} .studio-placement .studio-mark-stage{inset:0 0 24px} .studio-placement .studio-motion-toggle{right:-7px;bottom:-6px;width:44px;height:44px;min-height:44px;padding:15px;border-color:transparent;box-shadow:none;background:transparent;color:#b8c2cb} .studio-placement .studio-motion-toggle svg{width:14px;height:14px} .chapter-rail .inline-contact{min-height:44px;padding:10px 14px;margin:0;font-size:10px} } @media(max-width:370px){ .site-header .nav-glass>a:not(.brand),.site-header .nav-glass>button,.site-header.compact .nav-glass>a:not(.brand),.site-header.compact .nav-glass>button{padding-inline:6px!important} } @media(max-width:360px){ #work #practice{grid-template-columns:minmax(0,1fr) 104px;column-gap:12px} #work #practice h2{font-size:26px!important} .studio-placement{width:104px;height:108px} } @media(prefers-reduced-motion:reduce){.studio-mark-stage iframe,.studio-mark-still{transition:none}} /* /responsive-balance.css */ /* Shared proportions across the four galleries, including the tablet interval. */ .chapter-rail{--card-radius:24px;--panel-radius:18px} #work .work-track>.feature,.systems-rail .systems-track>.system-card,.artist-collection .work-track>.artist-card,.shop-collection .shop-track>.shop-card{border-radius:var(--card-radius)} #work .feature .feature-caption,.systems-rail .system-card .feature-caption,.artist-card[data-artist] .artist-profile,.artist-card .commission-profile,.shop-card .shop-card-copy{border-radius:var(--panel-radius)} .chapter-rail .gallery-controls>button{width:44px;min-width:44px;height:44px;flex-basis:44px;padding:11px;border-radius:50%} .chapter-rail .gallery-controls .ui-icon{width:20px;height:20px} .chapter-rail .collection-index button{padding:10px 15px;line-height:1.4;white-space:nowrap} .chapter-rail :is(.project-live-link,.system-link,.artist-enquiry,.offer-link){min-height:44px;line-height:1.45;border-radius:999px;gap:12px} .chapter-rail :is(.project-live-link,.system-link,.artist-enquiry,.offer-link) .ui-icon{flex:0 0 16px;width:16px;height:16px} /* Pale chapters need readable controls, including inactive choices. */ :is(.artist-collection,.shop-collection).chapter-rail .collection-index button, :is(.artist-collection,.shop-collection).chapter-rail .gallery-controls>button{color:#30483c;border-color:#34493640;background:linear-gradient(125deg,#ffffff40,#ffffff14);box-shadow:inset 0 1px #ffffff70} :is(.artist-collection,.shop-collection).chapter-rail .collection-index button[aria-pressed=true]{color:#f6f7ed!important;background:#314d40!important;border-color:#314d40!important;box-shadow:inset 0 1px #ffffff35} :is(.artist-collection,.shop-collection).chapter-rail .gallery-controls>button:disabled{opacity:.35} .chapter-rail .collection-index button:focus-visible,.chapter-rail .gallery-controls>button:focus-visible{outline:2px solid currentColor;outline-offset:3px} footer .compact-context p{font:400 12px/1.7 Arial,sans-serif;letter-spacing:0;color:#b8c2cd;max-width:420px} footer .compact-context{align-items:start} .motion-enhanced .flow-enter{transform:translate3d(0,12px,0);transition:opacity .45s ease,transform .55s cubic-bezier(.22,.68,.3,1)} .motion-enhanced .flow-enter.flow-visible{transform:none} @media(min-width:1000px){ .chapter-rail .gallery-heading h2{font-size:clamp(34px,2.8vw,44px)!important} .artist-collection .work-track>.artist-card{flex-basis:clamp(400px,36vw,480px)} .artist-card[data-artist] .artist-sequence{height:301px;min-height:301px} .artist-card[data-artist] .artist-work-image img,.artist-card[data-artist] .artist-slide.is-current .artist-work-image img{height:236px!important} .artist-card[data-artist] .artist-slide figcaption{top:245px} .artist-card .commission-profile{margin-top:279px} .commission-lines{height:268px} .shop-collection .shop-track>.shop-card{flex-basis:min(64vw,820px);height:420px;min-height:420px} .shop-card .shop-card-copy{width:36%;padding:18px} .shop-card .shop-card-copy h3{font-size:25px} .shop-work-credit{left:20px;bottom:20px;max-width:52%;padding:10px 12px} } @media(min-width:761px) and (max-width:999px){ .chapter-rail{padding-block:48px 32px!important} .chapter-rail .gallery-heading h2{font-size:34px!important} .chapter-rail>.gallery-selection{gap:12px} #work #practice{grid-template-columns:minmax(0,1fr) 200px;gap:24px;min-height:180px} #work .studio-placement{width:200px;height:170px} #work .work-track>.feature{flex-basis:min(72vw,560px)} #work .feature .feature-caption{position:absolute;inset:auto 16px 16px auto;margin:0;flex:none;width:260px;max-width:calc(100% - 32px);height:auto;min-height:0;padding:18px;gap:12px} #work .feature .feature-caption h3{font-size:25px;line-height:1.1} #work .feature .feature-caption p:not(.project-number){font-size:12px;line-height:1.6} .systems-rail .systems-track>.system-card{flex-basis:clamp(420px,65vw,520px);min-height:480px} .systems-rail .brand-composition{height:220px} .systems-rail .system-card .feature-caption{margin-top:220px;padding:20px;gap:12px} .shop-collection .shop-track>.shop-card{flex-basis:clamp(420px,65vw,520px);min-height:0;height:auto;padding:12px} .shop-original-art{height:242px;padding:14px 16px 0} .shop-work-credit{top:246px;bottom:auto;left:22px;right:22px;max-width:none;padding:8px 11px} .shop-card .shop-card-copy{margin-top:306px;padding:20px;flex:none} .shop-card .shop-card-copy h3{margin:12px 0;font-size:25px} .shop-card .shop-card-copy>p:not(.eyebrow){line-height:1.65} .shop-card .shop-card-copy .offer-link{margin-top:16px} .shop-page-field{height:300px} .shop-original-lockup{top:66px;height:94px} .shop-printed-caption{top:220px} } @media(max-width:760px){ .chapter-rail{--card-radius:22px;--panel-radius:16px} .chapter-rail .gallery-heading h2{font-size:30px!important} .chapter-rail .collection-intro{max-width:40em} .chapter-rail .gallery-heading .eyebrow{max-width:none;line-height:1.5} .chapter-rail .gallery-selection>.gallery-controls{gap:5px} .chapter-rail .mobile-project-picker select{font-size:11px;line-height:1.4} .systems-rail .systems-track>.system-card{min-height:440px} .systems-rail .system-card .feature-caption{padding:17px;gap:12px} .systems-rail .feature-caption h3,.shop-card .shop-card-copy h3{font-size:24px} .shop-card .shop-card-copy{padding:17px} footer .contact-title{font-size:clamp(38px,10.5vw,54px);line-height:1.06} footer .contact-title>span .ui-icon{width:30px;height:30px} footer .compact-context{gap:8px;margin-top:20px;padding-block:20px} footer .compact-context p{font-size:11px;line-height:1.65} footer .footer-details .email-button{font-size:12px;padding:11px 16px;min-height:44px} } @media(prefers-reduced-motion:reduce){.motion-enhanced .flow-enter{transform:none;transition:none}} .motion-paused .flow-enter{transform:none;transition:none} /* /section-flow.css */ /* One line language: cut, curve, then page. Studio precision meets art-house warmth. */ #work.chapter-rail{background:linear-gradient(#0b0e15 0,#111722 80px,#111722 calc(100% - 110px),#172625)} #systems-solutions.systems-rail.chapter-rail{background:#172625;padding-top:118px!important} #original-work.artist-collection.chapter-rail{background:linear-gradient(#172625 0,#748376 42px,#dedecf 110px);padding-top:142px!important;color:#2b4035} #shop.shop-collection.chapter-rail{background:#dedecf;padding-top:112px!important} .chapter-seam{position:absolute;top:10px;left:0;right:0;height:88px;overflow:hidden;pointer-events:none;user-select:none;contain:paint} .chapter-seam svg{width:calc(100% + 40px);height:100%;margin-left:-20px;stroke:currentColor;stroke-width:.7;vector-effect:non-scaling-stroke;opacity:.28;transform:translate3d(calc(var(--scene-progress,0)*-16px),0,0);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)} .seam-angular{color:#bbbfac} .seam-curved{top:18px;color:#e9e5cf} .seam-curved svg{opacity:.36} .seam-pages{color:#687867} .seam-pages svg{opacity:.2} #work .gallery-heading .eyebrow,.systems-rail .gallery-heading .eyebrow{letter-spacing:.15em;color:#bcc7bf} #original-work.artist-collection.chapter-rail .gallery-heading h2,#shop.shop-collection.chapter-rail .gallery-heading h2{font-family:Georgia,'Times New Roman',serif!important;font-weight:400;letter-spacing:-.045em;line-height:1.08;font-size:clamp(36px,3.2vw,48px)!important} #original-work.artist-collection.chapter-rail .gallery-heading .eyebrow,#shop.shop-collection.chapter-rail .gallery-heading .eyebrow{font-size:10px;letter-spacing:.12em;color:#536557} #original-work.artist-collection.chapter-rail .collection-intro,#shop.shop-collection.chapter-rail .collection-intro{color:#46594b;max-width:620px} .shop-card .shop-card-copy h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.035em} /* The closing signature returns to the art-house voice, with a soft colour handoff. */ footer#contact{background:linear-gradient(#dedecf 0,#888e84 35px,#303b36 75px,#14151d 125px,#11151c 100%)!important} footer .contact-title{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.05em;font-size:clamp(44px,5vw,72px)} .chapter-rail .gallery-heading{position:relative;z-index:1} @media(min-width:761px) and (max-width:999px){ #systems-solutions.systems-rail.chapter-rail{padding-top:104px!important} #original-work.artist-collection.chapter-rail{padding-top:128px!important} #shop.shop-collection.chapter-rail{padding-top:100px!important} } @media(max-width:760px){ .chapter-seam{height:56px;top:8px} .chapter-seam svg{stroke-width:1;opacity:.22} #systems-solutions.systems-rail.chapter-rail{padding-top:80px!important} #original-work.artist-collection.chapter-rail{background:linear-gradient(#172625 0,#748376 30px,#dedecf 76px);padding-top:102px!important} #shop.shop-collection.chapter-rail{padding-top:78px!important} #original-work.artist-collection.chapter-rail .gallery-heading h2,#shop.shop-collection.chapter-rail .gallery-heading h2{font-size:33px!important;max-width:100%;line-height:1.12} #original-work.artist-collection.chapter-rail .gallery-heading .eyebrow,#shop.shop-collection.chapter-rail .gallery-heading .eyebrow{font-size:8px;letter-spacing:.1em} footer#contact{background:linear-gradient(#dedecf 0,#888e84 24px,#303b36 52px,#14151d 90px,#11151c 100%)!important} footer .contact-title{font-size:clamp(36px,10vw,50px)} } @media(prefers-reduced-motion:reduce){.chapter-seam svg{transform:none}} .motion-paused .chapter-seam svg{transform:none} /* /aesthetic-directions.css */ /* Locally served display fonts. Licenses: '/assets/type/doto-OFL.txt', '/assets/type/kufam-OFL.txt'. */ /* STUDIO — weight, black glass and a restrained chromatic edge. Client identities keep their colours. */ #work.chapter-rail{background:radial-gradient(ellipse at 80% 6%,#252b4355,transparent 33%),linear-gradient(#0b0e15,#090a0d 170px,#090a0d calc(100% - 100px),#12151c);--card-radius:20px;--panel-radius:15px} #work #practice h2{font-family:StudioKufam,ArtistSans,sans-serif!important;font-weight:900!important;font-size:clamp(30px,3vw,43px)!important;line-height:1.12;letter-spacing:-.045em;text-transform:uppercase;max-width:680px} #work #practice .eyebrow{font-family:StudioKufam,Arial,sans-serif;font-weight:900;letter-spacing:.09em;color:#c5c9d4} #work .studio-placement::before{content:"";position:absolute;inset:10% -3% 9%;border-radius:50%;background:radial-gradient(ellipse at 50% 88%,#f3a45c50,transparent 32%),radial-gradient(ellipse at 50% 20%,#647dd956,transparent 62%);filter:blur(17px);pointer-events:none} #work .inline-contact,#work .gallery-controls>button,#work .collection-index button[aria-pressed=true]{border:1px solid transparent!important;background:linear-gradient(135deg,#222632,#0a0c11) padding-box,conic-gradient(from 35deg,#596071,#dbe2eb,#606b92,#161920,#bb855e,#e0e0d8,#596071) border-box!important;color:#f2f1ef!important;box-shadow:inset 0 1px #ffffff16} #work .gallery-controls>button:disabled{opacity:.3} /* SYSTEMS — luminous colour fields, dot typography and legible information glass. */ #systems-solutions.systems-rail.chapter-rail{background:linear-gradient(#12151c 0,#8c949e 38px,#e5e8ec 112px);color:#26303e} #systems-solutions .gallery-heading :is(h2,.eyebrow){color:#26303e} #systems-solutions .gallery-heading .eyebrow{font:500 10px/1.5 Arial,sans-serif;letter-spacing:.16em} #systems-solutions .systems-display{display:inline-block;font:800 clamp(42px,4.8vw,68px)/1 SystemsDots,monospace;letter-spacing:-.055em} #systems-solutions .systems-subtitle{display:inline-block;margin-left:10px;font:400 clamp(23px,2.2vw,32px)/1.1 ArtistSans,Arial,sans-serif;letter-spacing:-.04em} #systems-solutions .collection-intro,#systems-solutions .gallery-footer{color:#4c5868} #systems-solutions .seam-angular{color:#aebcdb} #systems-solutions .system-card{--spectral-a:#263bcc;--spectral-b:#7cae82;--spectral-c:#f0b4dc;background:#263455;border-color:#ffffff90;box-shadow:inset 0 1px #fff8,0 8px 25px #29345c0b} #systems-solutions .system-lab{--spectral-a:#692f8e;--spectral-b:#ed8554;--spectral-c:#a4a4ee} #systems-solutions .system-murray{--spectral-a:#2d6b64;--spectral-b:#f1b747;--spectral-c:#ef8774} #systems-solutions .system-murexical{--spectral-a:#5525ad;--spectral-b:#3e9dcb;--spectral-c:#ed9bc4} #systems-solutions .system-card .feature-scene{background:#243056;color:#fff9eb} #systems-solutions .system-card .feature-scene::before{content:"";position:absolute;inset:-7%;background:radial-gradient(ellipse at 45% 43%,#0a162b65,transparent 43%),radial-gradient(ellipse at 28% 52%,var(--spectral-a) 12%,transparent 67%),radial-gradient(ellipse at 78% 8%,var(--spectral-b),transparent 62%),radial-gradient(ellipse at 14% 100%,var(--spectral-c),transparent 65%),linear-gradient(120deg,var(--spectral-c),var(--spectral-b));animation:system-colour-field 26s linear infinite;pointer-events:none} #systems-solutions .brand-composition{z-index:1} #systems-solutions .system-card .feature-caption{background:linear-gradient(125deg,#1f243bba,#10212bc9);border-color:#ffffff66;color:#fff8ef;box-shadow:inset 0 1px #ffffff66;backdrop-filter:blur(22px) saturate(1.1)} #systems-solutions .feature-caption h3{font-family:SystemsDots,monospace;font-weight:800;letter-spacing:-.04em;font-size:27px;line-height:1.15} #systems-solutions .feature-caption :is(.project-number,.project-status){color:#f0edee} #systems-solutions .system-name{font-family:SystemsDots,monospace;font-weight:800;font-size:clamp(34px,3.5vw,55px);text-shadow:0 2px 24px #18265480;color:#fffbed} #systems-solutions .system-linework{color:#fffbe9;opacity:.45} #systems-solutions .locus-wordmark{filter:brightness(0) invert(1)} #systems-solutions .locus-contexts,#systems-solutions .locus-contexts span{color:#f8f6ea} #systems-solutions .locus-symbol{filter:drop-shadow(0 0 6px #ffffff70)} #systems-solutions .lab-panels{opacity:.2;mix-blend-mode:soft-light} #systems-solutions .lab-spectrum{display:none} #systems-solutions .scene-index{font-family:SystemsDots,monospace;color:#fff8ea;opacity:.65} #systems-solutions .collection-index button,#systems-solutions .gallery-controls>button{color:#35445b;border-color:#53698240;background:#ffffff45;box-shadow:inset 0 1px #fff8} #systems-solutions .collection-index button[aria-pressed=true]{background:#29374f!important;color:#fff7ee!important;border-color:#29374f!important} #systems-solutions .gallery-progress{background:#53698230;color:#586c99} #systems-solutions .mobile-project-picker select{background:#ffffff70;color:#34435a;border-color:#53698240} #systems-solutions .mobile-project-picker svg{color:#34435a} #systems-solutions .mobile-project-picker option{background:#e5e8ec;color:#26303e} @keyframes system-colour-field{0%,100%{transform:translate3d(-2%,0,0) scale(1.02)}50%{transform:translate3d(2%,-1%,0) scale(1.06)}} #systems-solutions .animation-offscreen .feature-scene::before,.motion-paused #systems-solutions .feature-scene::before{animation-play-state:paused} /* ARTISTS — warm exhibition mounts, engraved rules and small catalogue labels. */ #original-work.artist-collection.chapter-rail{background:linear-gradient(#e5e8ec 0,#e4dfd4 100px);color:#3b4239} #original-work .seam-curved{color:#8f7761} #original-work .seam-curved svg{opacity:.25} #original-work .artist-card{border:1px solid #bdb3a4;box-shadow:inset 0 0 0 4px #f8eddb22,0 7px 20px #463b2b0c} #original-work .artist-card[data-artist] .artist-sequence::after{content:"";position:absolute;inset:10px 10px 57px;border:1px solid #fff4dc40;border-radius:14px;pointer-events:none} #original-work .artist-card[data-artist] .artist-slide figcaption{background:#e9dfcce8;border:1px solid #fffae399;color:#343c32;border-radius:7px;box-shadow:2px 2px 0 #382e2525} #original-work .artist-slide figcaption span{color:#596151} #original-work .artist-card[data-artist] .artist-profile{background:linear-gradient(120deg,#45574bdf,#26382ee8);border-color:#dcd3bb88;box-shadow:inset 0 1px #fff8df50} #original-work .artist-person h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.04em} #original-work .artist-about summary{border-bottom-style:dotted;border-bottom-color:#e8d9b650} #original-work .artist-card .commission-profile{background:linear-gradient(125deg,#5c4654c9,#352a3be8);border-color:#e8d1ba80} /* SHOP — dark aubergine ink, warm stock and fine page-edge contours. */ #shop.shop-collection.chapter-rail{background:linear-gradient(#e4dfd4,#ded5c5);color:#40373b} #shop .seam-pages{color:#91765d} #shop .gallery-heading :is(h2,.eyebrow,.collection-intro){color:#4a3b40} #shop .shop-card{background:#322d39;border-color:#e4d4b166;box-shadow:inset 0 0 0 4px #fff0d514} #shop .shop-editions{background:radial-gradient(ellipse at 25% 40%,#696051,#302e38 75%)} #shop .shop-card-copy{background:linear-gradient(130deg,#62505b9c,#2b2634de);border-color:#e7d2aa70;box-shadow:inset 0 1px #ffedce50} #shop .shop-card-copy>.eyebrow{color:#dbc7a4;letter-spacing:.13em} #shop .shop-card-copy h3{color:#fff1dc} #shop .shop-card-copy .offer-link{color:#fff0da;border-color:#deca9e66;background:#ecd1a708} #shop .shop-work-credit{border-radius:7px;background:#e9dfcce8;border-color:#fff7df80;color:#393b32;box-shadow:2px 2px 0 #1d182c33} #shop .shop-work-credit span{color:#5b5c50} #shop .shop-books{background:radial-gradient(ellipse at 28% 40%,#65525b 0,#352c3b 65%,#292632)} #shop .shop-page-field{color:#d5ba89;stroke:#e0c699;opacity:.65} #shop .collection-index button[aria-pressed=true]{background:#4d3d4d!important;color:#fff1dc!important;border-color:#4d3d4d!important} #shop .gallery-controls>button{color:#5a4556;border-color:#75616e45} #shop .mobile-project-picker select{color:#4d3d4d;background:#fff3df50;border-color:#75616e45} #shop .shop-original-lockup{filter:sepia(.2)} footer#contact{background:linear-gradient(#ded5c5 0,#817d7a 35px,#36323a 75px,#17141c 125px,#11151c 100%)!important} @media(max-width:999px){#systems-solutions .feature-caption h3{font-size:26px}} @media(max-width:760px){ #work #practice h2{font-size:23px!important;line-height:1.15;letter-spacing:-.045em} #work #practice .eyebrow{font-size:7px} #systems-solutions.systems-rail.chapter-rail{background:linear-gradient(#12151c 0,#8c949e 27px,#e5e8ec 76px)} #systems-solutions .systems-display{display:block;font-size:43px;line-height:1} #systems-solutions .systems-subtitle{margin:6px 0 0;font-size:25px} #systems-solutions .gallery-heading .eyebrow{font-size:8px;letter-spacing:.12em} #systems-solutions .feature-caption h3{font-size:25px} #original-work.artist-collection.chapter-rail{background:linear-gradient(#e5e8ec 0,#e4dfd4 76px)} #original-work .artist-card[data-artist] .artist-sequence::after{inset:8px 8px 56px;border-radius:12px} footer#contact{background:linear-gradient(#ded5c5 0,#817d7a 24px,#36323a 52px,#17141c 90px,#11151c 100%)!important} } @media(max-width:360px){#work #practice h2{font-size:20px!important}#systems-solutions .systems-display{font-size:39px}} @media(prefers-reduced-motion:reduce){#systems-solutions .feature-scene::before{animation:none!important}} /* Compact colour objects: a visual above, a readable glass label below. */ #systems-solutions .system-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;box-shadow:inset 1px 1px 1px #fff9,inset -1px -1px 1px #d7e9ff70,inset 0 0 28px #fce5ff30} #systems-solutions .system-linework{filter:drop-shadow(0 0 8px #e8f5ff55)} @media(min-width:1000px){ #systems-solutions .systems-track>.system-card{flex-basis:480px;height:470px;min-height:470px} #systems-solutions .brand-composition{inset:0 0 auto;height:270px} #systems-solutions .system-card .feature-caption{right:18px;left:18px;bottom:18px;width:auto;max-width:none;padding:18px 20px;gap:10px} #systems-solutions .feature-caption h3{font-size:27px;margin-bottom:8px} #systems-solutions .locus-stage{inset:22% 14% 27%} #systems-solutions .locus-contexts{bottom:15%;font-size:9px} #systems-solutions .scene-top{inset:20px 22px auto;font-size:8px} #systems-solutions .scene-tag{bottom:15px;left:22px;font-size:8px} #systems-solutions .scene-index{bottom:15px;right:22px;font-size:24px} } #systems-solutions .scene-tag,#systems-solutions .scene-index{display:none} /* /gallery-depth.css */ /* One scroll-driven spatial rhythm, four distinct material treatments. */ .chapter-rail{--gallery-width:480px;--gallery-light:218,229,255} #work{--gallery-width:540px;--gallery-light:168,191,255} #original-work{--gallery-width:440px;--gallery-light:255,221,184} #shop{--gallery-width:480px;--gallery-light:255,220,166} .chapter-rail [data-gallery-track].depth-gallery{position:relative;gap:20px;padding:26px max(var(--gutter),calc((100% - var(--gallery-width))/2)) 32px!important;scroll-padding-inline:0;scroll-snap-type:x mandatory;overflow-x:auto;overflow-y:hidden;isolation:isolate;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)} .chapter-rail [data-gallery-track].depth-gallery::after{display:none!important} .chapter-rail [data-gallery-track].depth-gallery>article{flex:0 0 var(--gallery-width)!important;scroll-snap-align:center;transform:perspective(1100px) translateZ(var(--gallery-depth,0px)) rotateY(var(--gallery-turn,0deg)) scale(var(--gallery-scale,1))!important;transform-origin:center;transition:box-shadow .4s ease!important;backface-visibility:hidden;box-shadow:0 16px 28px -22px #11152788} .chapter-rail [data-gallery-track].dragging{scroll-snap-type:none} .gallery-reflection{position:absolute;inset:0;z-index:5;border-radius:inherit;pointer-events:none;background:linear-gradient(112deg,transparent 22%,rgba(var(--gallery-light),.1) 38%,rgba(var(--gallery-light),.8) 49%,transparent 60%);background-size:240% 100%;background-position:var(--reflection-x,50%) 0;opacity:var(--reflection-opacity,.1);mix-blend-mode:screen;box-shadow:inset 1px 1px 1px #fff8,inset -1px -1px 1px #ffffff35} .chapter-rail .gallery-selection{max-width:1100px;width:calc(100% - 2 * var(--gutter));margin-inline:auto;padding-inline:0!important} .chapter-rail .gallery-footer{max-width:1100px;width:calc(100% - 2 * var(--gutter));margin-inline:auto;padding-inline:0!important} /* Systems reads as an instrument panel: fine, tracked uppercase dots. */ #systems-solutions .systems-display{font-family:SystemsDots,monospace;font-size:clamp(34px,3.5vw,49px);font-weight:400;letter-spacing:.07em;text-transform:uppercase} #systems-solutions .systems-subtitle{font-size:clamp(17px,1.5vw,21px);letter-spacing:.12em;text-transform:uppercase;margin-left:20px;font-weight:400} #systems-solutions .feature-caption h3{font-family:ArtistSans,Arial,sans-serif;font-size:25px;letter-spacing:-.025em;font-weight:400} #systems-solutions .system-name{font-weight:400;text-transform:uppercase;font-size:35px;letter-spacing:.055em} #systems-solutions .system-card .feature-scene::before{filter:saturate(1.35) contrast(1.07)} /* Studio is a dark, reflective presentation plinth for the authentic brands. */ #work [data-gallery-track]>article{height:480px;min-height:480px;border-radius:22px;border-color:#a9b8cf66} #work .brand-composition{inset:0 0 auto;height:320px} #work .feature .feature-caption{inset:auto 18px 18px;width:calc(100% - 36px);max-width:none;padding:18px 20px;min-height:0;gap:10px} #work .feature .feature-caption h3{font-size:26px;margin-bottom:8px} #work .scene-tag,#work .scene-index{display:none} #work .scene-top{font-size:8px;inset:21px 24px auto} #work .studio-placement::before{background:radial-gradient(ellipse at var(--studio-light-x,50%) 45%,var(--studio-aura,#53699c66),transparent 64%);filter:blur(24px);transition:background-color .6s} /* Artists: an illuminated display case, with colour drawn from each practice. */ #original-work.artist-collection.chapter-rail{background:linear-gradient(#e5e8ec,#e2dfdd 120px,#d9dadf);color:#333b43} #original-work .gallery-heading h2{font-family:Georgia,serif;font-style:italic;letter-spacing:-.045em} #original-work .artist-card[data-artist="alex"]{--artist-ink:#663c33;--artist-edge:#e8b99b;--artist-glass:#60382dcc} #original-work .artist-card[data-artist="william"]{--artist-ink:#263f69;--artist-edge:#b5c8dd;--artist-glass:#243d63d9} #original-work .artist-card[data-artist]{background:var(--artist-ink,#3b4657);border:1px solid var(--artist-edge,#d9d5ce);box-shadow:inset 0 0 0 4px #ffffff12} #original-work .artist-card[data-artist] .artist-profile{background:linear-gradient(125deg,#ffffff18,var(--artist-glass,#283a4cdd));border-color:var(--artist-edge,#ddd);box-shadow:inset 0 1px #ffffff60} #original-work .artist-card[data-artist] .artist-sequence::after{border-color:var(--artist-edge,#ddd);opacity:.55;border-radius:12px} #original-work .artist-card[data-artist] .artist-slide figcaption{background:#f6eddfec;border-radius:4px 12px 12px 4px;border-left:3px solid var(--artist-edge,#ddd);box-shadow:none;font-size:10px} #original-work .artist-card[data-artist] .artist-person h3{font-size:30px;font-style:italic} #original-work .artist-person>img{border-radius:50%;border:1px solid #fff8} #original-work .artist-enquiry{background:#ffffff10;border-color:#ffffff80} #original-work .artist-card .commission-profile{background:linear-gradient(120deg,#774d63da,#3d3048ed)} #original-work .commission-lines{color:#e4c2b4} /* Shop: blue ink, warm paper, copper foil and the rhythm of an open edition. */ #shop.shop-collection.chapter-rail{background:linear-gradient(#d9dadf,#e8dfca 130px,#e8dfca);color:#2d3855} #shop .gallery-heading :is(h2,.eyebrow,.collection-intro){color:#2d3855} #shop .gallery-heading h2{font-family:Georgia,serif;letter-spacing:-.06em} #shop .shop-card{border:1px solid #ecce9c99;background:#253f75;border-radius:22px} #shop .shop-editions{background:radial-gradient(ellipse at 25% 20%,#477b9e,#263761 68%,#242c49)} #shop .shop-books{background:radial-gradient(ellipse at 20% 18%,#f2dba7,#bc8768 55%,#744961);color:#233650} #shop .shop-card-copy{background:linear-gradient(120deg,#344e79df,#172b4ee8);border-color:#e9d8b788;box-shadow:inset 0 1px #ffffe655} #shop .shop-card-copy h3{font-size:28px;font-style:italic} #shop .shop-page-field{stroke:#fff2cd;opacity:.8;width:100%;height:320px;inset:-15px 0 auto;transform:rotate(-9deg);mask-image:linear-gradient(#000,transparent)} #shop .shop-original-lockup{filter:brightness(.24) sepia(.5);top:76px;left:14%;height:105px;width:42%;transform:rotate(-4deg)} #shop .shop-printed-caption{top:229px;left:14%;font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:#293650} #shop .collection-index button[aria-pressed=true]{background:#263f6b!important;border-color:#263f6b!important;color:#fff0d7!important} #shop .gallery-controls>button{color:#263f6b} footer#contact{background:linear-gradient(#e8dfca 0,#8e8384 35px,#35333e 75px,#17141c 125px,#11151c 100%)!important} @media(min-width:1000px){ #shop .shop-track>.shop-card{height:540px;min-height:540px;padding:0} #shop .shop-original-art{width:100%;height:270px;padding:16px 26px 0;object-fit:contain} #shop .shop-work-credit{top:275px;bottom:auto;left:22px;right:22px;max-width:none;padding:8px 12px} #shop .shop-card .shop-card-copy{inset:auto 18px 18px;width:calc(100% - 36px);max-width:none;padding:18px 20px} #shop .shop-card .shop-card-copy h3{font-size:26px;margin:8px 0} #shop .shop-card .shop-card-copy>p:not(.eyebrow){font-size:11px;line-height:1.6} #shop .shop-card .shop-card-copy .offer-link{margin-top:12px} } @media(max-width:999px){ .chapter-rail,#work,#original-work,#shop{--gallery-width:440px} #work .work-track>.feature{height:470px;min-height:470px;padding:0} #work .brand-composition{height:290px} #work .feature .feature-caption{position:absolute;margin:0;flex:none;inset:auto 16px 16px;width:calc(100% - 32px)} } @media(max-width:760px){ .chapter-rail,#work,#original-work,#shop{--gallery-width:80vw} .chapter-rail [data-gallery-track].depth-gallery{gap:10px;padding-block:16px 22px!important;mask-image:none} #work .work-track>.feature{height:440px;min-height:440px} #work .brand-composition{height:270px} #work .feature .feature-caption{padding:16px;gap:8px} #work .feature .feature-caption h3{font-size:24px} #systems-solutions .systems-display{font-size:33px;letter-spacing:.06em} #systems-solutions .systems-subtitle{display:block;margin:10px 0 0;font-size:16px;letter-spacing:.1em} #systems-solutions .system-name{font-size:27px} #original-work .artist-card[data-artist] .artist-person h3{font-size:27px} #shop .shop-original-lockup{height:90px;top:65px} #shop .shop-printed-caption{top:210px;font-size:8px} } .motion-paused .depth-gallery>article{transform:none!important} @media(prefers-reduced-motion:reduce){.chapter-rail [data-gallery-track].depth-gallery>article{transform:none!important}.gallery-reflection{display:none}} #systems-solutions .lab-stage{inset:22% 13% 17%;justify-content:flex-start} .lab-software-lockup{font:400 38px/1.15 SystemsDots,monospace;text-transform:uppercase;letter-spacing:.035em;color:#fffbed} .lab-software-lockup span{display:block;font:400 9px/1.5 Arial,sans-serif;letter-spacing:.12em;margin-top:16px} @media(max-width:760px){.lab-software-lockup{font-size:29px}.lab-software-lockup span{font-size:7px;margin-top:12px}} /* Extra breathing space for the surfaces as their outer edges stretch. */ .chapter-rail [data-gallery-track].depth-gallery{padding-block:48px!important} .motion-paused .depth-gallery>article{filter:none!important} @media(prefers-reduced-motion:reduce){.chapter-rail [data-gallery-track].depth-gallery>article{filter:none!important}} @media(max-width:760px){.chapter-rail [data-gallery-track].depth-gallery{padding-block:24px!important}} /* Gallery affordances reveal the work, rather than moving the card on hover. */ .work-expand{position:absolute;right:18px;top:18px;z-index:7;display:flex;align-items:center;gap:9px;min-height:38px;padding:9px 12px;border-radius:99px;border:1px solid #fff8;background:#1b2534a6;color:#fff5e7;font-size:10px;backdrop-filter:blur(16px);opacity:0;transition:opacity .25s,background .25s;cursor:pointer} .work-expand svg{width:15px;height:15px} .artist-card:hover .work-expand,.artist-card:focus-within .work-expand{opacity:1} @media(hover:none){.work-expand{opacity:1}} .work-viewing{overflow:hidden} .work-viewer{width:calc(100vw - 48px);height:calc(100dvh - 48px);max-width:1400px;max-height:none;margin:auto;padding:28px;border:1px solid #d9d5cf70;border-radius:24px;background:radial-gradient(ellipse at 15% 10%,var(--viewer-tint,#36475d),#10151df5 75%);color:#f4f0e7;box-shadow:0 25px 90px #0006;overflow:hidden} .work-viewer[open]{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:20px} .work-viewer::backdrop{background:#10131acc;backdrop-filter:blur(15px)} .viewer-close{position:absolute;z-index:2;right:18px;top:18px;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;background:#121a28a8;color:#fff;border:1px solid #fff7;cursor:pointer} .viewer-close svg,.viewer-actions svg{width:20px;height:20px;flex:none} .viewer-image{min-height:0;display:flex;align-items:center;justify-content:center;padding:10px 50px} .viewer-image img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 12px 35px #0003} .viewer-foot{display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid #fff3;padding-top:18px} .viewer-foot h2{font:400 23px/1.25 Georgia,serif;max-width:650px;margin:6px 0} .viewer-artist{font:400 10px/1.5 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#d6d4cc} .viewer-credit{font:400 11px/1.6 Arial,sans-serif;color:#c4c8cb} .viewer-actions{display:flex;align-items:center;gap:10px;flex:none} .viewer-actions button{display:flex;align-items:center;justify-content:center;gap:14px;min-height:44px;min-width:44px;border-radius:99px;border:1px solid #fff6;background:#ffffff0c;color:#f7f3eb;padding:11px;font-size:11px;cursor:pointer} .viewer-actions .viewer-enquire{padding-inline:18px} .viewer-actions button:disabled{opacity:.3;cursor:default}.viewer-count{font-size:10px;min-width:44px;text-align:center} .shop-companion-art{position:absolute;top:40px;left:14%;width:38%;height:205px;object-fit:contain;transform:rotate(-10deg);filter:drop-shadow(0 10px 15px #121b2d66)} #shop .shop-editions .shop-original-art{position:absolute;z-index:1;left:33%;top:0;width:53%;height:270px;transform:rotate(6deg);padding:16px 0;filter:drop-shadow(0 12px 16px #121b2d66)} #shop .shop-books::before{content:"";position:absolute;left:12%;top:32px;width:51%;height:220px;background:linear-gradient(120deg,#fff1cd,#ddccab);border:1px solid #fff6;border-radius:3px 12px 12px 3px;box-shadow:5px 5px #e5cdac,8px 8px #76595355,0 15px 25px #42324533;transform:rotate(-7deg)} #shop .shop-books .shop-page-field{z-index:1;opacity:.45} #shop .shop-books .shop-original-lockup{z-index:2;left:19%;width:34%;height:90px;top:63px;transform:rotate(-7deg)} #shop .shop-books .shop-printed-caption{z-index:2;left:18%;top:211px;max-width:40%;font-size:8px;transform:rotate(-7deg)} .shop-audiences{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0 0} .shop-audiences button{font:400 10px/1.3 Arial,sans-serif;min-height:36px;padding:8px 11px;border-radius:99px;border:1px solid #e3cfab66;background:transparent;color:#f5e8d1;cursor:pointer} .shop-audiences button[aria-pressed=true]{background:#f0ddba;color:#273a5c;border-color:#f0ddba} #shop .shop-card-copy .shop-reader-copy{min-height:36px} @media(min-width:1000px){#shop .shop-track>.shop-card{height:570px;min-height:570px}} @media(max-width:760px){ .work-expand{right:14px;top:14px;opacity:1;font-size:9px;min-height:36px;padding:9px 10px} .work-viewer{width:calc(100vw - 20px);height:calc(100dvh - 20px);padding:16px;border-radius:18px;gap:14px} .viewer-image{padding:36px 0 0}.viewer-foot{display:block;padding-top:12px}.viewer-foot h2{font-size:20px}.viewer-actions{margin-top:14px;gap:7px;flex-wrap:wrap}.viewer-actions .viewer-enquire{flex:1;font-size:10px;padding-inline:12px;gap:8px}.viewer-actions button{min-width:40px;min-height:44px}.viewer-count{min-width:32px;font-size:9px} #shop .shop-editions .shop-original-art{height:220px;left:35%;width:50%;padding:10px 0} .shop-companion-art{height:170px;top:25px;left:10%;width:43%} #shop .shop-books::before{height:205px;top:24px;width:56%} #shop .shop-books .shop-original-lockup{width:41%;left:20%;top:56px;height:80px} #shop .shop-books .shop-printed-caption{top:184px;left:18%;font-size:7px;max-width:47%} .shop-audiences button{min-height:40px;padding:8px 10px;font-size:9px} } /* Clear selected states on the pale gallery surfaces. */ #systems-solutions .collection-index button{color:#344052!important;background:#ffffff35!important;border-color:#53607755!important} #systems-solutions .collection-index button[aria-pressed=true]{color:#fff!important;background:#344052!important;border-color:#344052!important} #systems-solutions .collection-index button:hover:not([aria-pressed=true]){color:#263246!important;background:#ffffff99!important} .shop-audiences button,.work-expand{min-height:44px} #shop .shop-art-stage{pointer-events:none} #shop .shop-card-copy{z-index:3} /* The same four paths close the journey, in a quiet compact directory. */ .footer-branches{display:flex;flex-wrap:wrap;gap:8px} .footer-branches a{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 16px;border:1px solid #ffffff30;border-radius:999px;font-size:11px;background:linear-gradient(120deg,#ffffff08,transparent);transition:background .3s,border-color .3s} .footer-branches a span{font-size:9px;color:#a3acb9} .footer-branches a:hover,.footer-branches a:focus-visible{background:#ffffff12;border-color:#ffffff77} .site-header .nav-lens{top:0!important;bottom:auto!important;max-height:calc(100% - 12px)} @media(max-width:760px){.footer-branches{gap:7px}.footer-branches a{font-size:10px;padding:10px 12px;gap:8px}.footer-context.compact-context{gap:22px}} .depth-gallery>article:not(.gallery-focus)>*{pointer-events:none} .depth-gallery>article:not(.gallery-focus){cursor:pointer} /* /editorial-refinement.css */ /* Shared reading rhythm, with a distinct display voice for each part of the house. */ :root{--reading-size:13px;--reading-leading:1.7;--editorial-width:1180px} .editorial-heading{max-width:var(--editorial-width);margin:0 auto 42px} .editorial-heading .eyebrow,.represented-heading .eyebrow{font:400 10px/1.5 ArtistSans,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase} .editorial-heading h2{font:400 clamp(34px,3.4vw,48px)/1.08 Georgia,serif;letter-spacing:-.045em;margin:18px 0} .editorial-heading>p:last-child,.represented-heading>p:last-child{font:400 var(--reading-size)/var(--reading-leading) ArtistSans,Arial,sans-serif;max-width:540px;color:#59616b} #original-work.artist-editorial{position:relative;padding:112px var(--gutter) 88px;background:linear-gradient(#e5e8ec,#e2ded9 40%,#d9dadf);color:#303b42} .commission-lead{position:relative;isolation:isolate;max-width:var(--editorial-width);margin:auto;display:grid;grid-template-columns:1.15fr 1fr;min-height:410px;border-radius:24px;overflow:hidden;background:#211c2e;border:1px solid #ffffff70} .commission-lead .commission-visual{position:relative;inset:auto;height:auto;min-height:410px;overflow:hidden} .commission-lead .commission-visual>img:first-child{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72} .commission-lead .commission-lines{position:absolute;inset:0;color:#f4ceba;opacity:.55;pointer-events:none} .commission-lead .commission-lines svg{width:100%;height:100%} .commission-lead .commission-mark{position:absolute;width:52%;height:50%;object-fit:contain;top:25%;left:24%;filter:drop-shadow(0 8px 24px #2f203666)} .commission-copy{position:relative;align-self:center;margin:26px 26px 26px -24px;padding:36px;border:1px solid #d9b8ca66;border-radius:20px;background:linear-gradient(130deg,#7b526780,#292335df);backdrop-filter:blur(24px);color:#fcf2e8;z-index:2} .commission-copy .eyebrow{font:400 9px/1.5 ArtistSans,Arial,sans-serif;letter-spacing:.13em;color:#e4ceda;text-transform:uppercase} .commission-copy h3{font:400 clamp(30px,3vw,43px)/1.08 Georgia,serif;letter-spacing:-.045em;margin:20px 0} .commission-copy .artist-bio{font:400 13px/1.7 ArtistSans,Arial,sans-serif;color:#f0e5e9} .commission-copy .commission-note{font:400 11px/1.65 ArtistSans,Arial,sans-serif;color:#c7b9c9;margin:16px 0 22px} .commission-copy .artist-enquiry{display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:99px;border:1px solid #dec6d577;background:#ffffff08;color:#fff3e7;padding:12px 18px;font-size:12px;min-height:46px;width:100%} .represented-heading{max-width:var(--editorial-width);margin:72px auto 28px;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;align-items:end} .represented-heading .eyebrow{grid-column:1/-1} .represented-heading h3{font:400 30px/1.15 Georgia,serif;letter-spacing:-.035em} .represented-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:var(--editorial-width);margin:auto} .artist-entry{position:relative;min-width:0;border-radius:20px;overflow:hidden;background:#755047;color:#fff6eb;border:1px solid #fff7} .artist-entry[data-artist=william]{background:#344c6d} .artist-entry .artist-sequence{position:relative;inset:auto;height:330px;background:linear-gradient(145deg,#ffffff15,#161b2922)} .artist-entry .artist-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s} .artist-entry .artist-slide.is-current{opacity:1;visibility:visible} .artist-entry .artist-work-image{position:absolute;inset:20px 24px 64px;background:none} .artist-entry .artist-work-image img{width:100%;height:100%;object-fit:contain;display:block;transform:none!important;padding:0} .artist-entry .artist-slide figcaption{position:absolute;inset:auto 24px 16px;display:grid;gap:4px;background:none;border:0;padding:0;max-width:none;color:#fff3e5} .artist-entry .artist-slide figcaption strong{font:400 16px/1.25 Georgia,serif;letter-spacing:-.015em} .artist-entry .artist-slide figcaption span{font:400 10px/1.5 ArtistSans,Arial,sans-serif;color:#dfd6d0} .artist-entry .artist-profile{position:relative;inset:auto;width:auto;margin:0 12px 12px;padding:22px;border:1px solid #ffffff44;border-radius:15px;background:linear-gradient(130deg,#ffffff12,#10172738);display:block;min-width:0;box-shadow:inset 0 1px #fff2} .artist-entry .artist-person{display:flex;align-items:center;gap:12px}.artist-entry .artist-person>img{width:40px;height:48px;object-fit:cover;border-radius:50%} .artist-entry .artist-person .eyebrow{font:400 8px/1.5 ArtistSans,Arial,sans-serif;letter-spacing:.1em;color:#dfd7d4;margin:0} .artist-entry .artist-person h3{font:italic 400 29px/1.1 Georgia,serif;letter-spacing:-.035em;margin:4px 0 0} .artist-entry .artist-discipline{font:400 10px/1.5 ArtistSans,Arial,sans-serif;color:#d9d5d3;margin:12px 0} .artist-entry .artist-about{font:400 11px/1.65 ArtistSans,Arial,sans-serif}.artist-entry .artist-about summary{padding:10px 0;border-bottom:1px solid #fff3;cursor:pointer}.artist-entry .artist-about p{color:#e3dce2;margin:12px 0}.artist-entry .artist-about a{color:#fff4df} .artist-entry .artist-frame-controls{position:static;display:flex;gap:7px;margin:15px 0;padding:0;max-width:none} .artist-entry .artist-frame-controls button{min-width:44px;min-height:44px;padding:3px;border:1px solid transparent;border-radius:10px;background:transparent;color:transparent;font-size:0;gap:0;opacity:.7;transition:opacity .25s,border-color .25s} .artist-entry .artist-frame-controls button img{display:block;width:36px;height:36px;border-radius:7px;object-fit:cover;margin:0}.artist-entry .artist-frame-controls button span{display:none} .artist-entry .artist-frame-controls button[aria-pressed=true]{opacity:1;border-color:#f7e8d1;background:#ffffff0c}.artist-entry .artist-frame-controls button:hover{opacity:1} .artist-entry .artist-enquiry{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:10px 16px;border-radius:99px;border:1px solid #ffffff66;background:#ffffff08;color:#fff4e5;font:400 11px/1.4 ArtistSans,Arial,sans-serif} .artist-entry .work-expand{opacity:1;top:14px;right:14px;background:#141b29a6} #shop.shop-editorial{position:relative;padding:106px var(--gutter) 90px;background:linear-gradient(#d9dadf,#e8dfca 130px,#e8dfca);color:#2d3855} .shop-spread{display:grid;grid-template-columns:1.1fr 1fr;gap:38px;max-width:var(--editorial-width);margin:auto;align-items:start} .shop-entry{position:relative;min-width:0} .shop-entry .shop-art-stage{position:relative;inset:auto;height:330px;min-height:0;border-radius:20px;overflow:hidden;border:1px solid #ffffff66;pointer-events:none} #shop .shop-entry .shop-original-art{height:285px;top:5px;left:37%;width:48%;padding:12px 0} #shop .shop-entry .shop-companion-art{top:48px;height:215px;left:13%;width:40%} #shop .shop-entry .shop-work-credit{position:absolute;inset:auto 20px 14px;max-width:none;border:0;background:none;color:#fff3df;padding:0;box-shadow:none;display:grid;gap:4px} #shop .shop-entry .shop-work-credit strong{font:400 16px/1.3 Georgia,serif}.shop-entry .shop-work-credit span{color:#e9d8bc!important;font-size:10px} #shop .shop-entry .shop-card-copy{position:relative;inset:auto;width:auto;max-width:none;margin:0;padding:24px 2px 0;border:0;border-radius:0;background:none;backdrop-filter:none;box-shadow:none;color:#2d3855} #shop .shop-entry .shop-card-copy .eyebrow{font:400 9px/1.4 ArtistSans,Arial,sans-serif;color:#586075;letter-spacing:.12em} #shop .shop-entry .shop-card-copy h3{font:400 29px/1.15 Georgia,serif;letter-spacing:-.035em;color:#29354d;margin:12px 0} #shop .shop-entry .shop-card-copy>p:not(.eyebrow){font:400 13px/1.7 ArtistSans,Arial,sans-serif;color:#586075;max-width:470px} #shop .shop-entry .shop-card-copy .offer-link{width:100%;min-height:46px;margin-top:20px;padding:12px 18px;color:#293b59;border-color:#53627c55;background:#ffffff28;font-size:12px} #shop .shop-entry .shop-card-copy>small{display:block;color:#707568;font-size:10px;margin-top:12px} #shop .shop-entry .shop-books::before{height:242px;width:54%;left:20%;top:32px} #shop .shop-entry .shop-original-lockup{width:38%;left:28%;top:67px;height:95px} #shop .shop-entry .shop-printed-caption{top:226px;left:27%;font-size:8px} #shop .shop-audiences button{color:#46536a;border-color:#66738b55;font-size:10px;padding-inline:12px}.shop-audiences{gap:6px} #shop .shop-audiences button[aria-pressed=true]{background:#2d4266;border-color:#2d4266;color:#fff1d8} /* Compact scroll navigation: current title, a segmented track and transport. */ .chapter-rail .gallery-selection{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(160px,1fr) auto;gap:22px;align-items:center;margin-top:0} .gallery-current-name{font:400 13px/1.35 ArtistSans,Arial,sans-serif;letter-spacing:-.01em;min-width:0} .chapter-rail .mobile-project-picker{display:none!important} .chapter-rail .collection-index{display:flex!important;overflow:visible;gap:5px;margin:0!important;padding:0!important;width:auto;min-width:0} .chapter-rail .collection-index button{position:relative;flex:1;min-width:16px;min-height:44px;padding:0!important;font-size:0!important;background:none!important;border:0!important;box-shadow:none!important;color:inherit!important;backdrop-filter:none} .chapter-rail .collection-index button span{display:none}.chapter-rail .collection-index button::after{content:"";position:absolute;left:0;right:0;top:21px;height:2px;border-radius:99px;background:currentColor;opacity:.22;transition:opacity .3s,height .3s} .chapter-rail .collection-index button[aria-pressed=true]::after{opacity:1;height:3px}.chapter-rail .collection-index button:hover::after{opacity:.7} #systems-solutions .collection-index button,#work .collection-index button[aria-pressed=true]{background:none!important;border:0!important;color:inherit!important} .gallery-play{position:relative}.gallery-clock{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transform:rotate(-90deg);opacity:0;transition:opacity .25s}.gallery-clock circle{fill:none;stroke:currentColor;stroke-width:1.4;stroke-dasharray:1;stroke-dashoffset:1}.gallery-playing .gallery-clock{opacity:.65} /* Quiet typography lets the landscape and slow airborne colour lead. */ .linework-hero h1{font:400 clamp(30px,3.15vw,45px)/1.12 ArtistSans,Arial,sans-serif!important;letter-spacing:-.045em!important;max-width:530px!important} .linework-hero .hero-introduction p{font-size:12px!important;line-height:1.7!important} .linework-hero .hero-shade{background:linear-gradient(90deg,#090d17a6,transparent 70%),linear-gradient(#090d1755,transparent 45%,#090d17b0)} .hero-smoke{position:absolute;inset:-15%;background:radial-gradient(ellipse at 27% 55%,#c18b5655,transparent 42%),radial-gradient(ellipse at 64% 30%,#4848b255,transparent 40%),radial-gradient(ellipse at 74% 72%,#51b3a53d,transparent 40%);filter:blur(30px);mix-blend-mode:screen;opacity:.65;animation:smoke-field 24s ease-in-out -7s infinite paused;mask-image:url('/assets/airborne-dust.svg');mask-size:100% 100%} .air-active .hero-smoke{animation-play-state:running}.hero-refraction .hero-smoke{display:none} @keyframes smoke-field{0%,100%{transform:translate3d(-8%,4%,0) rotate(-6deg) scale(1)}50%{transform:translate3d(10%,-4%,0) rotate(5deg) scale(1.12)}} .work-viewing main *,.work-viewing footer *{animation-play-state:paused!important} .viewer-image{touch-action:pan-y pinch-zoom}.viewer-image img{transition:opacity .18s ease}.work-viewer[aria-busy=true] .viewer-image img{opacity:.45}.viewer-foot h2{outline:none} @media(max-width:760px){ #original-work.artist-editorial,#shop.shop-editorial{padding:80px 22px 60px}.editorial-heading{margin-bottom:26px}.editorial-heading h2{font-size:34px;margin:13px 0}.editorial-heading>p:last-child,.represented-heading>p:last-child{font-size:12px} .commission-lead{grid-template-columns:1fr;border-radius:19px}.commission-lead .commission-visual{min-height:215px;height:215px}.commission-lead .commission-mark{width:43%;left:28%}.commission-copy{margin:-22px 12px 12px;padding:24px;border-radius:14px}.commission-copy h3{font-size:32px;margin:16px 0}.commission-copy .artist-bio{font-size:12px}.commission-copy .commission-note{font-size:10px} .represented-heading{margin-top:48px;display:block}.represented-heading h3{font-size:28px;margin:12px 0}.represented-heading>p:last-child{margin-top:12px}.represented-grid{grid-template-columns:1fr;gap:24px}.artist-entry .artist-sequence{height:290px}.artist-entry .artist-work-image{inset:22px 20px 70px}.artist-entry .artist-slide figcaption{left:20px;right:20px}.artist-entry .artist-slide figcaption strong{font-size:15px}.artist-entry .artist-profile{padding:19px}.artist-entry .artist-person h3{font-size:27px} .shop-spread{grid-template-columns:1fr;gap:44px}.shop-entry .shop-art-stage{height:285px}#shop .shop-entry .shop-original-art{height:230px}#shop .shop-entry .shop-companion-art{height:180px;top:30px}#shop .shop-entry .shop-books::before{height:214px;top:26px;width:58%;left:20%}#shop .shop-entry .shop-original-lockup{height:85px;top:58px;left:28%;width:41%}#shop .shop-entry .shop-printed-caption{top:198px;left:26%;font-size:7px}#shop .shop-entry .shop-card-copy{padding-top:22px}#shop .shop-entry .shop-card-copy h3{font-size:27px}#shop .shop-entry .shop-card-copy>p:not(.eyebrow){font-size:12px} .chapter-rail .gallery-selection{grid-template-columns:1fr auto;gap:6px 16px}.chapter-rail .collection-index{grid-column:1;grid-row:2}.gallery-current-name{grid-column:1;grid-row:1;font-size:11px}.chapter-rail .gallery-controls{grid-column:2;grid-row:1/3}.chapter-rail .gallery-controls>span{display:none}.chapter-rail .collection-index button{min-width:12px;min-height:28px}.chapter-rail .collection-index button::after{top:13px}.chapter-rail .gallery-selection .gallery-controls button{width:42px;min-width:42px;height:44px} .linework-hero h1{font-size:29px!important;max-width:310px!important}.linework-hero .hero-introduction p{font-size:11px!important}.hero-smoke{filter:blur(22px)} } @media(prefers-reduced-motion:reduce){.hero-smoke{display:none}.artist-entry .artist-slide,.viewer-image img{transition:none}} .motion-paused .hero-smoke{display:none} /* The original dark glass language returns in compact entry paths and reflected light. */ .hero-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;width:min(720px,65vw);align-self:end} .hero-paths a{position:relative;isolation:isolate;display:flex;align-items:center;gap:10px;min-height:72px;padding:15px;border:1px solid #ffffff38;border-radius:16px;background:linear-gradient(135deg,#ffffff18,#ffffff04);backdrop-filter:blur(16px);color:#f8f2e9;overflow:hidden;box-shadow:inset 0 1px #ffffff38;transition:background .35s,border-color .35s} .hero-paths a>span{position:relative;z-index:2;font-size:12px;line-height:1.25}.hero-paths .path-number{font-size:8px;color:#d6d5d0;align-self:start;margin-top:2px}.hero-paths small{display:block;margin-top:6px;font-size:9px;line-height:1.4;color:#d4d3d0;max-width:105px} .hero-paths img{position:absolute;width:68px;height:100%;object-fit:cover;right:0;top:0;opacity:0;mask-image:linear-gradient(90deg,transparent,#000);transition:opacity .5s;z-index:-1} .hero-paths a:hover,.hero-paths a:focus-visible{background:#ffffff1c;border-color:#ffffff88}.hero-paths a:hover img,.hero-paths a:focus-visible img{opacity:.4} #work.chapter-rail .collection-index button[aria-pressed],#systems-solutions.chapter-rail .collection-index button[aria-pressed]{background:none!important;border:0!important;box-shadow:none!important;color:inherit!important} .chapter-next{display:flex;width:max-content;align-items:center;gap:24px;margin:34px var(--gutter) 0 auto;font-size:11px;color:inherit;opacity:.7;padding-block:12px}.chapter-next svg{width:18px;height:18px}.chapter-next:hover{opacity:1} .chapter-rail .gallery-progress[hidden]{display:none!important} .surface-reflection{position:absolute;inset:0;z-index:4;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,12%) var(--light-y,0%),#fff8e622,transparent 52%),linear-gradient(115deg,#fff9ed18,transparent 24%,transparent 76%,#b7cfff0d);box-shadow:inset 0 1px #fff8e65c,inset 1px 0 #ffffff1f;mix-blend-mode:screen;opacity:.75;transition:opacity .4s} .artist-entry .surface-reflection{z-index:1;opacity:.45}.artist-entry .artist-profile{z-index:2}.artist-entry:hover .surface-reflection{opacity:.7} #shop .shop-entry .shop-card-copy{border-top:1px solid #ffffff70;margin-top:14px;padding:20px 16px 0;border-radius:17px 17px 0 0;background:linear-gradient(140deg,#ffffff30,transparent 70%)} #original-work .chapter-seam,#shop .chapter-seam{opacity:.65} @media(max-width:760px){.hero-paths{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hero-paths a{min-height:62px;padding:11px 13px;border-radius:13px}.hero-paths a>span{font-size:11px}.hero-paths .path-number{font-size:8px}.hero-paths small{font-size:8px;margin-top:4px;max-width:none}.hero-paths img{opacity:.18}.chapter-next{margin-top:22px;font-size:10px}.chapter-rail .collection-index button{min-height:44px}.chapter-rail .collection-index button::after{top:21px}} /* Continuous night scene: material changes happen in the light, not in page backgrounds. */ :root{--house-night:#10131a;--house-paper:#f3eee4;--house-muted:#b7bdc8} body,main{background:var(--house-night)} #work.chapter-rail,#systems-solutions.systems-rail.chapter-rail,#original-work.artist-editorial,#shop.shop-editorial{isolation:isolate;background:var(--house-night)!important;color:var(--house-paper);overflow:hidden} #work.chapter-rail{padding-top:44px!important;padding-bottom:34px!important;--atmosphere-a:#6781b0;--atmosphere-b:#bc8754} #systems-solutions.systems-rail.chapter-rail{padding-top:80px!important;padding-bottom:38px!important;--atmosphere-a:#7670be;--atmosphere-b:#5c9c99} #original-work.artist-editorial{padding-top:86px;padding-bottom:65px;--atmosphere-a:#987180;--atmosphere-b:#b78b6e} #shop.shop-editorial{padding-top:86px;padding-bottom:65px;--atmosphere-a:#7193a6;--atmosphere-b:#c39356} .chapter-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:paint} .chapter-atmosphere::before{content:"";position:absolute;inset:-12%;background:radial-gradient(ellipse at 83% 25%,var(--atmosphere-a) 0,transparent 48%),radial-gradient(ellipse at 15% 65%,var(--atmosphere-b),transparent 43%);opacity:.14;filter:blur(42px);transform:translate3d(-3%,0,0);animation:house-reflection 38s ease-in-out infinite alternate paused;will-change:transform} .chapter-lit .chapter-atmosphere::before{animation-play-state:running} @keyframes house-reflection{to{transform:translate3d(4%,5%,0) scale(1.06)}} #work .gallery-heading,#systems-solutions .gallery-heading{max-width:var(--editorial-width);width:calc(100% - 2 * var(--gutter));margin:0 auto 18px!important;padding:0!important;gap:40px;align-items:center} #work #practice h2{font-size:clamp(28px,2.7vw,39px)!important;max-width:630px;line-height:1.2;letter-spacing:-.035em;background:linear-gradient(110deg,#f5ecdf 20%,#b6c8e5 58%,#e8d2b8);background-clip:text;-webkit-background-clip:text;color:transparent} #work #practice .eyebrow{font:400 9px/1.4 ArtistSans,Arial,sans-serif;letter-spacing:.18em;color:#b4bdcd} #work .studio-placement{max-width:230px;width:23vw;margin:0;align-self:center} #work .collection-intro,#systems-solutions .collection-intro{font-size:12px;max-width:550px;color:var(--house-muted);line-height:1.8} #work .rail-context{font-size:10px;max-width:570px;margin-top:20px} #systems-solutions .gallery-heading :is(h2,.eyebrow){color:var(--house-paper)} #systems-solutions .systems-display{color:#dce5ed;text-shadow:0 0 30px #b2ace766;font-size:clamp(34px,3.2vw,46px);letter-spacing:.08em} #systems-solutions .systems-subtitle{color:#c3b8da;font-size:15px;letter-spacing:.13em;margin-left:16px} #systems-solutions .gallery-heading{padding-left:24px!important;border-left:1px solid #acb2d255} #systems-solutions .gallery-controls>button{color:#ede9df;border-color:#bac5df55;background:linear-gradient(135deg,#ffffff13,#ffffff03);box-shadow:inset 0 1px #ffffff30} #original-work .editorial-heading :is(h2,.eyebrow),#original-work .represented-heading :is(h3,.eyebrow),#shop .editorial-heading :is(h2,.eyebrow){color:var(--house-paper)} #original-work .editorial-heading>p:last-child,#original-work .represented-heading>p:last-child,#shop .editorial-heading>p:last-child{color:var(--house-muted)} .editorial-heading h2{font-size:clamp(33px,3.2vw,45px)} #original-work .editorial-heading h2{font-style:italic;color:#efdfda} #shop .editorial-heading h2{color:#e8dbc6} .chapter-seam{height:42px!important;top:0!important;opacity:.45!important;color:#b5b5c5!important} .chapter-seam svg{opacity:.22!important} /* Three regions share one baseline. Old two-column rules must not create a spare row. */ #work.chapter-rail>.gallery-selection,#systems-solutions.chapter-rail>.gallery-selection{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(120px,240px) auto!important;grid-template-areas:"title track controls";width:calc(100% - 2 * var(--gutter));max-width:var(--editorial-width);margin:0 auto!important;gap:24px;align-items:center;min-height:48px} .chapter-rail .gallery-current-name{grid-area:title;color:#d9d8d7;font-size:12px} #work.chapter-rail>.gallery-selection>.collection-index,#systems-solutions.chapter-rail>.gallery-selection>.collection-index{grid-area:track;display:flex!important;flex-wrap:nowrap;max-width:none;width:100%;mask-image:none;overflow:visible;gap:5px} #work.chapter-rail>.gallery-selection>.collection-index button,#systems-solutions.chapter-rail>.gallery-selection>.collection-index button{flex:1;min-width:0;color:#e8e0d1!important} #work.chapter-rail>.gallery-selection>.gallery-controls,#systems-solutions.chapter-rail>.gallery-selection>.gallery-controls{grid-area:controls;margin:0;gap:7px;align-self:center} .chapter-rail .gallery-controls>[data-gallery-position]{display:none} .chapter-next{margin:16px max(var(--gutter),calc((100% - var(--editorial-width))/2)) 0 auto;padding:8px 0;font-size:10px} #shop .shop-entry .shop-art-stage{pointer-events:auto} #shop .shop-entry .shop-card-copy{color:var(--house-paper);border-top:1px solid #e9cfaa44;background:linear-gradient(130deg,#ffffff09,transparent 70%)} #shop .shop-entry .shop-card-copy h3{color:#f0e3cd} #shop .shop-entry .shop-card-copy .eyebrow,#shop .shop-entry .shop-card-copy>p:not(.eyebrow){color:#bdc1ca} #shop .shop-entry .shop-card-copy>small{color:#aeb0b7} #shop .shop-entry .shop-card-copy .offer-link{color:#eee2ce;border-color:#e9cfaa55;background:linear-gradient(115deg,#ffffff12,#ffffff03)} #shop .shop-audiences button{color:#d8d7d2;border-color:#c4c7d54d} #shop .shop-audiences button[aria-pressed=true]{color:#252934;background:#e1d2b6;border-color:#e1d2b6} footer#contact{background:radial-gradient(ellipse at 80% 10%,#51426322,transparent 65%),#10131a!important} .hero-paths a{text-transform:none!important;letter-spacing:0!important}.hero-paths small{text-transform:none;letter-spacing:0} .hero-paths img{opacity:.16}.hero-paths a:hover img{opacity:.42} .linework-hero::after{background:linear-gradient(transparent,#10131a)!important;height:90px!important} @media(max-width:760px){ #work.chapter-rail{padding-top:34px!important;padding-bottom:24px!important} #systems-solutions.systems-rail.chapter-rail{padding-top:62px!important;padding-bottom:24px!important} #original-work.artist-editorial,#shop.shop-editorial{padding-top:68px;padding-bottom:46px} #work .gallery-heading,#systems-solutions .gallery-heading{width:calc(100% - 44px);gap:12px} #work #practice h2{font-size:27px!important}.chapter-rail .collection-intro{font-size:12px!important} #work .studio-placement{width:120px;max-width:36%;margin:12px 0 0 auto} #work .rail-context{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}.rail-context .inline-contact{margin-left:0} #systems-solutions .gallery-heading{padding-left:15px!important} #systems-solutions .systems-subtitle{display:block;margin:10px 0 0;font-size:12px} #work.chapter-rail>.gallery-selection,#systems-solutions.chapter-rail>.gallery-selection{width:calc(100% - 44px);grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"title controls" "track controls";gap:0 14px} .chapter-rail .gallery-current-name{font-size:10px}.chapter-rail .collection-index button{height:26px;min-height:26px}.chapter-rail .collection-index button::after{top:12px} .chapter-next{margin-top:12px;margin-right:22px}.chapter-atmosphere::before{filter:blur(24px);opacity:.12} } .motion-paused .chapter-atmosphere::before{animation:none;will-change:auto} @media(prefers-reduced-motion:reduce){.chapter-atmosphere::before{animation:none;will-change:auto}} /* The two divisions keep their distinctive typographic voices. */ .hero-word{position:relative;display:inline-block;white-space:nowrap} .word-branding{font-family:StudioKufam,Arial,sans-serif;font-weight:900;text-transform:uppercase;font-size:.82em;letter-spacing:-.045em;color:#eee7de} .word-technology{font-family:SystemsDots,monospace;font-weight:400;text-transform:uppercase;font-size:.88em;letter-spacing:-.015em;color:#d0dcec} .chapter-atmosphere{mask-image:linear-gradient(transparent,#000 14%,#000 84%,transparent)} .artist-entry .artist-slide figcaption{height:auto;min-height:0;width:auto;text-align:left;transform:none} .artist-entry .artist-slide figcaption span{display:block;opacity:1;visibility:visible} :is(#work,#shop,#original-work,.linework-hero,#systems-solutions,footer) .glass-action{position:relative;isolation:isolate;overflow:hidden;border:1px solid transparent!important;border-radius:999px!important;background:linear-gradient(125deg,#272d39c9,#161b24b8) padding-box,conic-gradient(from 35deg at var(--light-x,40%) var(--light-y,30%),#cbd9e266,#69758650,#d9c29a80,#53677e55,#cbd9e266) border-box!important;color:#f1ece3!important;box-shadow:inset 0 1px #ffffff22!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);min-height:44px;padding:11px 18px;font:400 11px/1.45 ArtistSans,Arial,sans-serif;transition:box-shadow .4s,border-color .4s} :is(#work,#shop,#original-work,.linework-hero,#systems-solutions,footer) .glass-action:hover{box-shadow:inset 0 1px #ffffff55,0 0 20px #9caec017!important;transform:none!important} .glass-action .surface-reflection{opacity:.36}.glass-action:hover .surface-reflection,.glass-action:focus-visible .surface-reflection{opacity:.9} #shop .shop-entry .shop-books{background:radial-gradient(ellipse at 68% 12%,#8975947a,transparent 56%),radial-gradient(ellipse at 15% 90%,#b8874a5e,transparent 65%),#192330;border-color:#c0c5d866} #shop .shop-entry .shop-books::before{background:linear-gradient(130deg,#efe6d4,#c8c9c5 60%,#d9c4aa);box-shadow:4px 4px #b6b1aa,7px 7px #6a626366,0 20px 38px #050a1580} #shop .shop-entry .shop-page-field{opacity:.5;stroke:#c8d3e6;animation:page-light 22s ease-in-out infinite alternate paused;transform-origin:center} .chapter-lit .shop-entry .shop-page-field{animation-play-state:running!important} @keyframes page-light{from{transform:rotate(-9deg) translateX(-2%)}to{transform:rotate(-6deg) translateX(4%)}} .motion-paused .hero-word>span{animation:none!important}.motion-paused .hero-word>.word-alternate{opacity:0}.motion-paused .shop-page-field{animation:none!important} @media(prefers-reduced-motion:reduce){.hero-word>span,.shop-page-field{animation:none!important}.hero-word>.word-alternate{opacity:0}} .linework-hero h1>.hero-word{display:inline-block!important;animation:none!important;transform:none;opacity:1;vertical-align:baseline} #shop .shop-entry .shop-books::before{display:none} #shop .shop-entry .shop-books{height:270px;border:0;border-radius:0;background:radial-gradient(ellipse at 70% 50%,#5b637457,transparent 64%)} #shop .shop-entry .shop-books .shop-original-lockup{filter:none;transform:none;left:9%;top:66px;width:29%;height:94px;object-fit:contain} #shop .shop-entry .shop-books .shop-printed-caption{left:9%;top:184px;max-width:43%;font-size:8px;color:#bfc7d2;transform:none;letter-spacing:.1em} #shop .shop-entry .shop-books .shop-page-field{inset:-10px -10% auto 28%;height:310px;width:85%;opacity:.7;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 80%,transparent)} #shop .shop-books .surface-reflection{box-shadow:none;border-radius:50%;opacity:.4;mask-image:radial-gradient(ellipse,#000,transparent 68%)} #shop .shop-entry .shop-card-copy{border-radius:0;background:none;margin-top:0;padding:24px 0 0;border-top:1px solid #ffffff24} #shop .shop-entry .shop-card-copy .offer-link{width:auto;min-width:210px;align-self:flex-start;gap:34px} #shop .shop-audiences button{min-height:36px;font-size:10px;padding:8px 12px;background:linear-gradient(135deg,#ffffff09,transparent);border-color:#ffffff33;color:#c6cbd2} #shop .shop-audiences button[aria-pressed=true]{background:#ffffff18;border-color:#ddd9ce88;color:#faf0dc;box-shadow:inset 0 1px #fff3} @media(max-width:760px){ .linework-hero{height:max(850px,105svh)!important;min-height:850px!important;max-height:none!important;padding:60px 22px 26px!important} .linework-hero .hero-copy{align-self:start;top:auto;padding:0!important;max-width:100%;width:100%;flex:none} .linework-hero h1.hero-statement{width:100%!important;max-width:320px!important;font-size:26px!important;line-height:1.18!important;margin:22px 0 0!important} .linework-hero .hero-kicker{font-size:8px!important;letter-spacing:.09em} .linework-hero .hero-introduction{margin-top:22px!important;gap:17px!important}.linework-hero .hero-introduction p{max-width:280px!important;font-size:11px!important;line-height:1.7!important} .linework-hero .hero-foot{position:absolute;inset:auto 22px 28px!important;margin:0!important;padding:0!important;gap:0!important} .linework-hero .hyena-lightwork{width:150px!important;right:26px!important;bottom:188px!important} .hero-paths a{min-height:58px;padding:9px 11px}.hero-paths a>span{font-size:10px}.hero-paths small{font-size:8px}.hero-paths{gap:7px} #shop .shop-entry .shop-books{height:210px}#shop .shop-entry .shop-books .shop-original-lockup{top:44px;height:85px;width:34%;left:4%}#shop .shop-entry .shop-books .shop-printed-caption{left:4%;top:151px;font-size:7px}#shop .shop-entry .shop-books .shop-page-field{height:250px;left:24%;width:95%} } @media(max-width:760px){.linework-hero .hero-foot{grid-area:auto!important;width:auto!important}.linework-hero .background-caption{display:none}} /* A single photographic atmosphere, from the opening scene through the house. */ body{background:#0c111a}main{position:relative;z-index:1;background:transparent}footer#contact{position:relative;z-index:1} .landscape-afterglow{position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(#10131ad9,#10131abb 48%,#10131aeb),url('/assets/studio-landscape.webp') 65% 0/auto 210vh;opacity:.6} #work.chapter-rail,#systems-solutions.systems-rail.chapter-rail,#original-work.artist-editorial,#shop.shop-editorial{background:transparent!important} footer#contact{background:linear-gradient(transparent,#10131a 60%)!important} .hero-refraction{opacity:1;filter:saturate(1.4)} .hero-refraction .dust-current::after{filter:saturate(1.45)} .hero-air:not(.hero-refraction) .dust-current::before{opacity:.9} .linework-hero .hero-shade{background:linear-gradient(90deg,#080f1b77,transparent 72%),linear-gradient(#080d1938,transparent 42%,#0c111aa6)!important} .hero-smoke{opacity:.9} /* A focused centre, rather than separate left and right introductions. */ #work.chapter-rail{margin-top:-38px;padding-top:0!important;padding-bottom:20px!important;overflow:visible} #work .gallery-heading,#systems-solutions .gallery-heading{display:block;text-align:center;max-width:740px;width:calc(100% - 44px);padding:0!important;border:0;margin:0 auto 8px!important} #work .gallery-heading>div,#systems-solutions .gallery-heading>div{max-width:none;width:100%} #work #practice h2{max-width:none;font-size:clamp(28px,2.65vw,38px)!important;margin-top:14px;background-size:160% 100%;background-position:calc(50% + var(--scene-progress,0)*40%) 50%} #work .studio-placement{display:none!important} #work .collection-intro,#systems-solutions .collection-intro{margin:20px auto 0;max-width:530px} #work .rail-context{margin:16px auto 0;max-width:560px}.rail-context .inline-contact{font-size:10px;min-height:40px;padding:8px 14px} #systems-solutions.systems-rail.chapter-rail{padding-top:62px!important;padding-bottom:22px!important} #systems-solutions .systems-display{font-size:clamp(36px,3.4vw,48px)} #original-work.artist-editorial,#shop.shop-editorial{padding-top:66px;padding-bottom:48px;max-width:none} .editorial-heading{text-align:center;max-width:640px;margin-bottom:34px}.editorial-heading>p:last-child{margin-inline:auto;max-width:480px} .represented-heading{text-align:center;display:block;max-width:550px;margin-top:52px}.represented-heading h3{margin:15px 0}.represented-heading>p:last-child{margin:12px auto 0} .chapter-next{display:none} #work.chapter-rail>.gallery-selection,#systems-solutions.chapter-rail>.gallery-selection{grid-template-columns:minmax(0,1fr) 44px!important;grid-template-areas:"title title" "track controls";max-width:360px;width:calc(100% - 56px);gap:2px 14px;min-height:0;margin:0 auto!important} .chapter-rail .gallery-current-name{text-align:center;font-size:11px;min-height:22px} #work.chapter-rail>.gallery-selection>.gallery-controls,#systems-solutions.chapter-rail>.gallery-selection>.gallery-controls{gap:0} .chapter-rail .gallery-controls>[data-gallery-prev],.chapter-rail .gallery-controls>[data-gallery-next]{display:none!important} .chapter-rail .collection-index button{min-height:44px!important}.chapter-rail .collection-index button::after{top:21px!important} .chapter-rail .gallery-controls .gallery-play{border:1px solid #ffffff3d!important;background:linear-gradient(130deg,#ffffff18,#ffffff03)!important;box-shadow:inset 0 1px #ffffff30!important;color:#e6e8ed!important} .chapter-rail [data-gallery-track].depth-gallery{padding-block:35px!important;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)} .chapter-seam{display:none} .commission-lines svg{transform:translate3d(calc(var(--scene-progress,0)*18px),0,0)} .surface-reflection{background-position:calc(50% + var(--scene-progress,0)*18%) center} .shop-spread{align-items:start;gap:38px} #shop .shop-entry .shop-card-copy{text-align:center;align-items:center;padding-top:22px} #shop .shop-entry .shop-card-copy .offer-link{align-self:center;margin-top:18px} #shop .shop-entry .shop-books{height:330px} #shop .shop-entry .shop-books .shop-original-lockup{top:95px} #shop .shop-entry .shop-books .shop-printed-caption{top:213px} #shop .shop-entry .shop-books .shop-page-field{top:20px} @media(max-width:760px){ .landscape-afterglow{opacity:.48;background-position:73% 0} .linework-hero h1.hero-statement{font-size:25px!important;max-width:310px!important} #work.chapter-rail{margin-top:-5px;padding-top:18px!important;overflow:hidden} #work .gallery-heading,#systems-solutions .gallery-heading{width:calc(100% - 44px)} #work #practice h2{font-size:26px!important;max-width:330px;margin-inline:auto} #work .rail-context{display:block;margin-top:14px;font-size:10px}#work .rail-context .inline-contact{margin:12px auto 0;display:flex;width:max-content} #work .collection-intro,#systems-solutions .collection-intro{font-size:11px!important;line-height:1.8;margin-top:16px;max-width:330px} #systems-solutions.systems-rail.chapter-rail{padding-top:46px!important} #original-work.artist-editorial,#shop.shop-editorial{padding-top:48px;padding-bottom:36px} .editorial-heading h2{font-size:32px}.editorial-heading>p:last-child{font-size:11px;max-width:310px} #work.chapter-rail>.gallery-selection,#systems-solutions.chapter-rail>.gallery-selection{gap:0 12px;max-width:310px} .chapter-rail [data-gallery-track].depth-gallery{padding-block:24px!important} #shop .shop-entry .shop-books{height:210px}#shop .shop-entry .shop-books .shop-original-lockup{top:44px}#shop .shop-entry .shop-books .shop-printed-caption{top:151px}#shop .shop-entry .shop-books .shop-page-field{top:-10px} } #work.chapter-rail #practice.gallery-heading{display:block!important;grid-template-columns:none!important;text-align:center} #work.chapter-rail #practice.gallery-heading>div{width:100%!important;max-width:none!important} #work .rail-context{text-align:center} .landscape-afterglow{opacity:.24;background-repeat:no-repeat} .linework-hero::after{content:"";position:absolute;inset:auto 0 0!important;height:180px!important;background:linear-gradient(transparent,#10131a)!important;z-index:1;pointer-events:none} .linework-hero .hero-foot,.linework-hero .hyena-lightwork{z-index:3} @media(max-width:760px){.landscape-afterglow{opacity:.24}.linework-hero::after{height:120px!important}} /* Fade only the scene layers; navigation and identity stay fully legible. */ .linework-hero{background:transparent!important} .linework-hero::after{display:none!important} .linework-hero .hero-photograph,.linework-hero .hero-shade,.linework-hero .hero-air{mask-image:linear-gradient(#000 calc(100% - 240px),transparent);-webkit-mask-image:linear-gradient(#000 calc(100% - 240px),transparent)} @media(max-width:760px){.linework-hero .hero-photograph,.linework-hero .hero-shade,.linework-hero .hero-air{mask-image:linear-gradient(#000 calc(100% - 170px),transparent);-webkit-mask-image:linear-gradient(#000 calc(100% - 170px),transparent)}} /* /house-and-commissions.css */ /* Company context is a short passage in the existing landscape, not another panel. */ .house-story{position:relative;isolation:isolate;max-width:820px;margin:44px auto 0;padding:38px 30px 12px;text-align:center;color:#edf0ed} .house-story .eyebrow{font:400 9px/1.5 ArtistSans,Arial,sans-serif;letter-spacing:.16em;color:#aeb9c5;text-transform:uppercase} .house-story h2{font:400 clamp(27px,2.5vw,36px)/1.18 ArtistSans,Arial,sans-serif;letter-spacing:-.035em;margin:18px auto 22px} .house-story h2 em{font-family:Georgia,serif;font-weight:400;color:#e0dce9} .house-story-copy{max-width:570px;margin:auto;font:400 12px/1.85 ArtistSans,Arial,sans-serif;color:#bbc4ce} .house-story-copy p+p{margin-top:13px} .house-thread{height:35px;width:min(390px,80%);margin:22px auto 0;position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)} .house-thread i{position:absolute;left:0;width:100%;height:30px;border-top:1px solid #a4b6d04d;border-radius:50%;top:16px;transform:rotate(-3deg)} .house-thread i:nth-child(2){top:20px;transform:rotate(2deg);border-color:#bb9fce4d}.house-thread i:nth-child(3){top:24px;transform:rotate(-1deg);border-color:#d0b0794d} #original-work .commission-lead{max-width:1080px;grid-template-columns:1.05fr 1fr;min-height:440px;background:linear-gradient(135deg,#314753a3,#292033db);border-color:#c8cdd13d;border-radius:22px} #original-work .commission-lead .commission-visual{margin:0;min-height:440px;height:100%;isolation:isolate} .commission-visual::before{content:"";position:absolute;inset:-30px;background-image:linear-gradient(#121b3577,#151a2899),var(--commission-image);background-size:cover;background-position:center;filter:blur(24px);opacity:.65;z-index:-1} #original-work .commission-lead .commission-visual>img.commission-preview{inset:24px 24px 78px;width:calc(100% - 48px);height:calc(100% - 102px);object-fit:contain;opacity:1;transition:opacity .25s ease} .commission-visual figcaption{position:absolute;bottom:27px;left:28px;right:28px;display:grid;gap:5px;color:#f0eee9;font:400 14px/1.4 Georgia,serif} .commission-visual figcaption small{font:400 9px/1.5 ArtistSans,Arial,sans-serif;color:#c2c6d0} #original-work .commission-copy{margin:22px 22px 22px -12px;padding:28px;border-radius:17px;background:linear-gradient(125deg,#a2abc91c,#201b2c80);border-color:#cad2e23d;backdrop-filter:blur(20px)} #original-work .commission-copy h3{font-size:clamp(28px,2.8vw,36px);margin:15px 0 17px} .commission-intro{font:400 12px/1.7 ArtistSans,Arial,sans-serif;color:#d3d3dd;margin:0 0 18px} .commission-formats{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 20px} .commission-formats button{appearance:none;cursor:pointer;border:1px solid #d5dbed38;border-radius:999px;min-height:40px;padding:8px 11px;background:linear-gradient(135deg,#ffffff0b,#ffffff02);color:#cbd0da;font:400 10px/1.4 ArtistSans,Arial,sans-serif;transition:background .3s,border-color .3s,color .3s} .commission-formats button[aria-pressed=true]{color:#fff;background:linear-gradient(125deg,#a7bac237,#b695ca20);border-color:#d8dae98c;box-shadow:inset 0 1px #ffffff45} .commission-formats button:hover{border-color:#e4dceda6;background-color:#ffffff0d}.commission-formats button:focus-visible{outline:2px solid #d1dcec;outline-offset:3px} .commission-description{min-height:100px}.commission-description h4{font:400 19px/1.3 Georgia,serif;margin:0 0 10px;color:#f1ecf0}.commission-description p{font:400 12px/1.75 ArtistSans,Arial,sans-serif;color:#d0d2dc;margin:0} #original-work .commission-copy .commission-note{font-size:10px;color:#acb5c3;margin:16px 0 20px;line-height:1.7} #original-work .represented-heading{max-width:540px}.represented-heading>p:last-child{max-width:450px} /* More frequent changes, with independent phases so colour never resets together. */ .linework-hero .dust-current{animation-duration:24s;animation-delay:-6s} .linework-hero .dust-current-1{animation-duration:32s;animation-delay:-19s} .linework-hero .dust-current-2{animation-duration:28s;animation-delay:-11s} @media(max-width:900px){ .house-story{margin-top:30px;padding:28px 26px 0}.house-story h2{font-size:27px;margin:16px 0 20px}.house-story-copy{font-size:12px;line-height:1.8}.house-thread{margin-top:17px;height:25px} #original-work .commission-lead{grid-template-columns:1fr;min-height:0;border-radius:18px} #original-work .commission-lead .commission-visual{min-height:235px;height:235px} #original-work .commission-lead .commission-visual>img.commission-preview{inset:20px 20px 68px;width:calc(100% - 40px);height:calc(100% - 88px)} .commission-visual figcaption{left:22px;right:22px;bottom:20px;font-size:13px} #original-work .commission-copy{margin:0 10px 10px;padding:23px 20px;border-radius:13px} #original-work .commission-copy h3{font-size:30px}.commission-formats{gap:5px}.commission-formats button{min-height:44px;padding:8px 10px;font-size:10px}.commission-description{min-height:115px} } @media(prefers-reduced-motion:reduce){.commission-preview{transition:none!important}} @media(max-width:900px){ .commission-formats{flex-wrap:nowrap;gap:5px}.commission-formats button{flex:1;padding-inline:6px;font-size:9px;white-space:nowrap} #original-work .commission-lead .commission-visual{min-height:265px;height:265px} } /* /prismatic-surfaces.css */ /* Colour follows the work, while the reading plane stays still. */ @property --prism-a{syntax:'';inherits:true;initial-value:#6caad8} @property --prism-b{syntax:'';inherits:true;initial-value:#bc89c9} :is(#work,#systems-solutions,#original-work,#shop,.house-story){--prism-a:#6caad8;--prism-b:#bd8aca;transition:--prism-a 1.2s ease,--prism-b 1.2s ease} #work{--prism-a:#6ab8a0;--prism-b:#b2be74} #systems-solutions{--prism-a:#696aff;--prism-b:#69d4c5} #original-work{--prism-a:#ae8ac8;--prism-b:#69adaf} #shop{--prism-a:#d59a69;--prism-b:#778ce0} .chapter-atmosphere::before{background:radial-gradient(ellipse at 80% 30%,var(--prism-a),transparent 48%),radial-gradient(ellipse at 20% 65%,var(--prism-b),transparent 48%);opacity:.19;animation-duration:25s} .spectral-arc{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:paint;mask-image:linear-gradient(transparent,#000 16%,#000 80%,transparent)} .spectral-arc::before{content:"";position:absolute;width:min(920px,100%);height:420px;left:50%;top:60px;border-radius:50%;background:conic-gradient(from 35deg,transparent 5%,var(--prism-a) 20%,#90d8dc 31%,transparent 42%,var(--prism-b) 61%,#d6a165 76%,transparent 90%);mask-image:radial-gradient(ellipse,transparent 47%,#000 55%,#000 61%,transparent 72%);filter:blur(20px);opacity:.21;transform:translate(-50%,0) rotate(-12deg);animation:spectral-orbit 27s ease-in-out infinite alternate paused;will-change:auto} .chapter-lit .spectral-arc::before{animation-play-state:running} @keyframes spectral-orbit{to{transform:translate(-44%,38px) rotate(15deg);opacity:.3}} #shop .spectral-arc::before{top:135px;height:480px;animation-delay:-11s;animation-duration:32s} #original-work .spectral-arc::before{top:210px;height:480px;opacity:.14;animation-delay:-18s} /* Reflections contain the neighbouring palette rather than a generic white gloss. */ .surface-reflection{background:radial-gradient(ellipse at var(--light-x,30%) var(--light-y,18%),color-mix(in srgb,var(--prism-a,#8baecd) 24%,transparent),transparent 56%),radial-gradient(ellipse at calc(100% - var(--light-x,30%)) 85%,color-mix(in srgb,var(--prism-b,#b99acc) 17%,transparent),transparent 56%),linear-gradient(125deg,#fff4 0%,transparent 13%,transparent 76%,#d5e9ff12);opacity:.55} .glass-action .surface-reflection{opacity:.5}.glass-action:hover .surface-reflection,.glass-action:focus-visible .surface-reflection{opacity:.95} :is(#work,#systems-solutions,#original-work,#shop,.linework-hero,footer) .glass-action{transition:box-shadow .4s,border-color .4s,background-color .4s!important} .glass-action:focus-visible{outline:2px solid color-mix(in srgb,var(--prism-a,#9bc5d8),white 40%);outline-offset:4px} #systems-solutions .gallery-heading .systems-display{color:#e2eaf8;text-shadow:0 0 32px color-mix(in srgb,var(--prism-a) 24%,transparent)} .house-story .house-thread{height:38px}.house-thread::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#95bedc,#cf9cc2,#daa668,transparent);mask-image:linear-gradient(transparent 49%,#000 50%,transparent 54%);opacity:.6;transform:translateX(-65%);animation:house-light-pass 12s ease-in-out infinite paused} .house-story.prism-visible .house-thread::after{animation-play-state:running}@keyframes house-light-pass{0%,100%{transform:translateX(-65%);opacity:0}25%,75%{opacity:.6}50%{transform:translateX(65%);opacity:.3}} /* Keep the art un-tinted; glass and surrounding light carry the colour. */ .commission-visual::before{transition:opacity .5s}.commission-description{transition:opacity .25s} #original-work .commission-lead{border-color:color-mix(in srgb,var(--prism-a) 35%,#ffffff22);background:linear-gradient(130deg,color-mix(in srgb,var(--prism-a) 13%,#121a25),color-mix(in srgb,var(--prism-b) 12%,#171b28))} #original-work .commission-copy{background:linear-gradient(135deg,#ffffff0c,#1016228f);box-shadow:inset 0 1px #ffffff21,0 16px 40px #060b151a} #shop .shop-entry .shop-books{background:radial-gradient(ellipse at 63% 48%,color-mix(in srgb,var(--prism-a) 18%,transparent),transparent 66%)} #shop .shop-entry .shop-page-field{stroke:#b9ccea;opacity:.8} @media(max-width:900px){.spectral-arc::before{width:145%;height:330px;top:100px;filter:blur(14px);opacity:.17}#original-work .spectral-arc::before{top:100px;height:550px}#shop .spectral-arc::before{top:180px;height:430px}.chapter-atmosphere::before{opacity:.16}} .motion-paused .spectral-arc::before,.motion-paused .house-thread::after{animation:none!important} .contact-open .spectral-arc::before,.page-hidden .spectral-arc::before,.page-hidden .house-thread::after{animation-play-state:paused!important} @media(prefers-reduced-motion:reduce){.spectral-arc::before,.house-thread::after{animation:none!important}:is(#work,#systems-solutions,#original-work,#shop){transition:none!important}} .page-hidden .chapter-atmosphere::before,.contact-open .house-thread::after{animation-play-state:paused!important} .work-viewing .spectral-arc::before,.work-viewing .chapter-atmosphere::before,.work-viewing .house-thread::after{animation-play-state:paused!important} .hero-sand{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;contain:strict;mix-blend-mode:normal;opacity:.8;mask-image:linear-gradient(transparent 14%,#000 34%,#000 70%,transparent 92%)} .linework-hero .living-canopy,.linework-hero .ground-shadows{animation:none!important} .linework-hero .hero-air:not(.hero-refraction) .dust-current::before{opacity:.55} .motion-paused .hero-sand{display:none} @media(prefers-reduced-motion:reduce){.hero-sand{display:none}.linework-hero .living-canopy{transform:none!important}} .linework-hero .hero-refraction{inset:-4%;} .linework-hero .word-technology{color:#fff;text-shadow:0 1px 3px #101522b3,0 0 .35px #fff} /* /focused-experience.css */ /* A clear sequence: house → studio → systems → artists → shop. Depth comes from a few composited surfaces, not stacked live blur filters. */ .house-story{max-width:850px;margin:0 auto!important;padding:38px 28px 55px!important} .house-story .eyebrow{color:#9eafc2}.house-story h2{font-size:clamp(30px,3.5vw,47px);line-height:1.12;max-width:640px;margin:17px auto 23px} .house-story-copy{max-width:610px;font-size:13px;line-height:1.8} .house-story-copy p+p{margin-top:12px}.house-thread{display:none} #work .offer-heading{padding-top:30px!important} /* Concentrated, changing objects of light against near-black. */ #systems-solutions{--system-ink:#edf2fa} #systems-solutions .feature{display:flex!important;flex-direction:column!important;flex-basis:clamp(310px,32vw,410px)!important;height:495px!important;min-height:495px!important;max-height:none!important;padding:0!important;border-radius:24px!important;background:#080a12!important;border:1px solid #a2afcd45!important;box-shadow:0 18px 30px #0003!important;justify-content:flex-end!important;overflow:hidden} #systems-solutions .feature-scene{inset:0;background:#080a12!important;filter:none!important;border-radius:0} #systems-solutions .feature-scene::before,#systems-solutions .feature-scene::after,#systems-solutions .brand-composition::before,#systems-solutions .brand-composition::after{display:none!important} #systems-solutions .brand-composition{inset:0 0 auto!important;height:240px!important;transform:none!important} #systems-solutions .scene-top{inset:22px 22px auto!important;font-size:8px!important;color:#c4cbd9!important;letter-spacing:.09em;gap:16px} #systems-solutions .scene-top span:last-child{max-width:120px;text-align:right} #systems-solutions .scene-tag,#systems-solutions .scene-index,#systems-solutions .locus-contexts,#systems-solutions .lab-panels,#systems-solutions .lab-spectrum{display:none!important} .system-core{position:absolute;left:50%;top:43px;width:204px;height:204px;transform:translateX(-50%);isolation:isolate;pointer-events:none} .system-core i{position:absolute;inset:-9%;border-radius:50%;background:conic-gradient(from 30deg,#193be8,#6938e5 19%,#eb6e71 39%,#f8ad54 52%,#73d2d9 69%,#2248e8 85%,#193be8);mask-image:radial-gradient(circle,transparent 24%,#0006 35%,#000 45%,#000a 54%,transparent 69%);animation:core-turn 14s linear infinite paused;transform:rotate(0deg);will-change:auto} .system-core b{position:absolute;inset:27%;border-radius:50%;background:radial-gradient(ellipse at 38% 8%,#4c75cc33,transparent 55%),#060810;box-shadow:inset 0 -7px 18px #364cb22b} .system-lab .system-core i{background:conic-gradient(#f08743,#ca2b78 28%,#4c2ecd 48%,#bc88e5 68%,#edc09b 87%,#f08743);animation-direction:reverse;animation-duration:18s} .system-murray .system-core{width:216px;height:196px}.system-murray .system-core i{background:conic-gradient(#3895e1,#234baf,#76b4c0,#c7be7a,#d17d59,#3895e1);animation-duration:20s} .system-murexical .system-core i{background:conic-gradient(#6543e5,#bd2fa8,#dd7cae,#95bacb,#5c71e1,#6543e5);animation-direction:reverse;animation-duration:16s} .chapter-lit .gallery-focus .system-core i{animation-play-state:running} @keyframes core-turn{to{transform:rotate(360deg)}} #systems-solutions .logo-stage{inset:70px 25% auto!important;width:50%!important;height:155px!important;transform:none!important} #systems-solutions .locus-symbol{width:76px!important;height:76px!important;filter:none!important;animation:none!important} #systems-solutions .locus-wordmark{display:none!important} #systems-solutions .lab-software-lockup{font-size:25px!important;line-height:1.1;color:#fff;text-align:center;text-shadow:0 2px 10px #000;letter-spacing:0} #systems-solutions .lab-software-lockup span{display:none} #systems-solutions .system-name{position:absolute;inset:126px 0 auto!important;font-size:29px!important;text-align:center;color:#fff!important;transform:none!important;text-shadow:0 2px 8px #000} #systems-solutions .system-linework{inset:65px 20% auto!important;width:60%!important;height:166px!important;color:#b9cdf7;opacity:.28;transform:none!important;animation:none!important} #systems-solutions .system-linework *{animation:none!important} #systems-solutions .feature-caption{position:relative!important;inset:auto!important;flex:none!important;width:auto!important;min-height:203px!important;margin:0 12px 12px!important;padding:20px!important;border-radius:16px!important;background:#e9edf4!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;box-shadow:inset 0 1px #fff!important;gap:10px!important;color:#141a29!important;transform:none!important} #systems-solutions .feature-caption h3{font:500 25px/1.1 ArtistSans,Arial,sans-serif!important;color:#141a29!important;letter-spacing:-.04em;margin:8px 0 10px!important} #systems-solutions .feature-caption p{color:#3e4b61!important;font-size:11px!important;line-height:1.55!important} #systems-solutions .feature-caption .project-number{font-size:8px!important;letter-spacing:.14em;color:#58667f!important} #systems-solutions .feature-caption .project-status{color:#516179!important;font-size:8px!important} #systems-solutions .feature-caption .system-link{align-self:flex-start;min-height:38px;font-size:10px!important;padding:8px 13px!important} #systems-solutions .gallery-reflection{opacity:.16!important;background:linear-gradient(110deg,#c5d9f52e,transparent 30%,transparent 65%,#d5b1ef19)!important;filter:none!important} /* Native scrolling and cached colour surfaces on phones. */ .chapter-atmosphere::before,.spectral-arc::before{filter:none!important} .spectral-arc{display:none}.chapter-atmosphere::before{animation:none;opacity:.1} .feature-caption,.artist-info,.commission-copy,.shop-card-copy{backdrop-filter:none!important;-webkit-backdrop-filter:none!important} .landscape-afterglow{position:absolute;inset:520px 0 auto;height:1450px;background-size:auto 1450px;opacity:.17} .hero-air.hero-refraction{inset:0!important;mix-blend-mode:color;filter:none!important;opacity:.88} .wind-haze{position:absolute;inset:-20%;background:radial-gradient(ellipse at 32% 55%,#edb537c7,transparent 36%),radial-gradient(ellipse at 68% 38%,#605ce9a6,transparent 32%),radial-gradient(ellipse at 72% 74%,#35a6afa3,transparent 34%);animation:wind-haze 19s ease-in-out infinite alternate paused} .wind-haze-1{background:radial-gradient(ellipse at 28% 68%,#b9387377,transparent 38%),radial-gradient(ellipse at 65% 32%,#65c3b88c,transparent 38%);animation-duration:27s;animation-delay:-13s} @keyframes wind-haze{from{transform:translate3d(-8%,2%,0) rotate(-8deg);opacity:.65}to{transform:translate3d(9%,-4%,0) rotate(9deg);opacity:1}} .sand-field{position:absolute;inset:25% 0 12%;overflow:hidden;pointer-events:none;z-index:1;mask-image:radial-gradient(ellipse,#000 20%,transparent 72%);opacity:.64;contain:strict} .sand-field i{position:absolute;inset:0 -384px 0 0;background:var(--sand-tile) repeat;background-size:384px 192px;animation:sand-drift 16s linear infinite paused;opacity:.7} .sand-field i+i{inset:20% -384px 0 0;animation-duration:25s;animation-delay:-7s;background-size:384px 256px;opacity:.45} @keyframes sand-drift{from{transform:translate3d(0,7px,0)}to{transform:translate3d(-384px,-9px,0)}} .air-active .wind-haze,.air-active .sand-field i{animation-play-state:running} .linework-hero .living-canopy{animation:foliage-gust 19s ease-in-out infinite paused!important}.linework-hero.air-active .living-canopy{animation-play-state:running!important} .linework-hero .canopy-right{animation-delay:-4s!important}.linework-hero .ground-shadows{animation:shadow-drift 19s ease-in-out infinite paused!important}.air-active .ground-shadows{animation-play-state:running!important} @media(max-width:760px){ .house-story{padding:28px 25px 35px!important}.house-story h2{font-size:29px;max-width:320px}.house-story-copy{font-size:12px;line-height:1.75} #work .offer-heading{padding-top:10px!important} #systems-solutions .feature{display:flex!important;flex-direction:column!important;flex-basis:82vw!important;height:465px!important;min-height:465px!important;border-radius:22px!important;box-shadow:none!important} #systems-solutions .brand-composition{height:217px!important}.system-core{top:36px;width:184px;height:184px} #systems-solutions .feature-caption{min-height:216px!important;padding:18px!important;margin:0 10px 10px!important} #systems-solutions .logo-stage{inset:60px 25% auto!important;height:140px!important} #systems-solutions .system-name{top:115px!important;font-size:26px!important} #systems-solutions .system-linework{top:50px!important;height:160px!important} .system-murray .system-core{width:190px;height:180px} /* Live backdrop blur and SVG displacement are particularly costly on touch GPUs. */ main *,footer *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important} .nav-glass{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;background:#151c2ee8!important} .feature,.feature-scene,.brand-composition,.artist-entry,.artist-work-image,.hyena-lightwork,.hyena-story,.hyena-story *, .hero-smoke,.commission-visual::before{filter:none!important} .commission-visual::before,.artist-work-image::before{display:none!important} .chapter-atmosphere{display:none}.landscape-afterglow{height:1050px;background-size:auto 1050px;opacity:.14} .linework-hero .living-canopy,.linework-hero .ground-shadows,.leaf-fall,.leaf-turn{animation:none!important;transform:none!important} .falling-leaves,.ground-shadows{display:none} .feature-scene .surface-reflection{animation-play-state:paused!important} #systems-solutions.chapter-lit .gallery-focus .system-core i{animation-play-state:running!important} .artist-entry,.shop-entry,.commission-lead{box-shadow:none!important} } .motion-paused .wind-haze,.motion-paused .sand-field,.motion-paused .system-core i{animation:none!important}.motion-paused .sand-field{display:none} .page-hidden .system-core i,.contact-open .system-core i,.work-viewing .system-core i{animation-play-state:paused!important} @media(prefers-reduced-motion:reduce){.wind-haze,.sand-field,.system-core i{animation:none!important}.sand-field{display:none}.linework-hero .living-canopy,.linework-hero .ground-shadows{animation:none!important}} /* This inherited dash animation ran even with the Shop several screens away. */ .shop-page-field g{animation:none!important;stroke-dasharray:none!important} .air-active .wind-haze{will-change:transform,opacity}.air-active .sand-field i{will-change:transform} @media(max-width:760px){#systems-solutions .feature-caption p{font-size:12px!important}#systems-solutions .feature-caption .project-number,#systems-solutions .feature-caption .project-status{font-size:8px!important}} @media(max-width:760px){#systems-solutions .feature-caption .system-link{min-height:44px!important}.chapter-rail .collection-index button{min-height:40px!important;height:40px!important}.chapter-rail .collection-index button::after{top:19px}} /* /expressive-flow.css */ /* Space is part of the sequence. The identity now belongs to the introduction. */ #the-house.house-story{max-width:none;width:100%;padding:150px 28px 165px!important;margin:0!important;background:radial-gradient(ellipse at 34% 38%,#272d5029,transparent 48%),radial-gradient(ellipse at 69% 62%,#81446518,transparent 45%);scroll-margin-top:90px} .house-identity{width:240px;aspect-ratio:4/3;margin:0 auto 38px;position:relative} .house-identity .hyena-lightwork{display:block;position:relative;inset:auto;width:100%;height:100%;overflow:visible;filter:none;pointer-events:none} .house-identity .identity-declaration{font:400 22px ArtistSans,Arial,sans-serif;letter-spacing:3px} #the-house>.eyebrow{transition:opacity .35s} #the-house.identity-wordmark-visible>.eyebrow{opacity:0} #the-house h2{font-size:clamp(32px,3.7vw,50px);max-width:680px;margin:20px auto 30px} #the-house .house-story-copy{max-width:590px;font-size:15px;line-height:1.85;color:#bfc5d0} #work .gallery-heading{padding-top:65px!important} .linework-hero .hero-foot{grid-template-columns:1fr!important;max-width:980px;margin-inline:auto;width:calc(100% - 64px)} .linework-hero .hero-foot .background-caption{display:none} .linework-hero .hero-paths{width:100%;max-width:none!important} /* Passing light, separated by monochrome rests. Never a permanent rainbow veil. */ .hero-air.hero-refraction{mix-blend-mode:color!important;opacity:1!important;overflow:hidden;isolation:isolate} .hero-air .wind-haze{inset:-30% -65%;background:linear-gradient(112deg,transparent 28%,#a7672610 35%,#f3b54cbb 42%,#fff0cde0 46%,#ce734558 50%,transparent 58%);mix-blend-mode:screen;animation:amber-caustic 23s cubic-bezier(.45,0,.55,1) infinite paused;opacity:0} .hero-air .wind-haze-1{background:linear-gradient(70deg,transparent 30%,#17326b60 38%,#3d84f3cc 44%,#d5eaffb8 47%,#ae5fac70 50%,transparent 58%);animation:blue-caustic 29s cubic-bezier(.45,0,.55,1) infinite paused;animation-delay:-9s} .hero-air .wind-haze-2{background:radial-gradient(ellipse at 50% 55%,#020711b3 0%,#07102450 19%,transparent 43%);mix-blend-mode:multiply;animation:shadow-caustic 19s ease-in-out infinite alternate paused;opacity:.7} @keyframes amber-caustic{0%,100%{transform:translate3d(-30%,8%,0) rotate(-13deg) scaleX(.7);opacity:0}15%{opacity:.3}36%{transform:translate3d(-3%,0,0) rotate(-5deg) scaleX(1);opacity:.95}60%{opacity:.65}76%,99%{transform:translate3d(31%,-6%,0) rotate(7deg) scaleX(.65);opacity:0}} @keyframes blue-caustic{0%,100%{transform:translate3d(27%,-8%,0) rotate(14deg);opacity:0}25%{opacity:.8}48%{transform:translate3d(-2%,3%,0) rotate(2deg);opacity:.95}73%,99%{transform:translate3d(-28%,10%,0) rotate(-9deg);opacity:0}} @keyframes shadow-caustic{from{transform:translate3d(-12%,3%,0) scale(.85)}to{transform:translate3d(16%,-4%,0) scale(1.12)}} .air-active .wind-haze{animation-play-state:running} /* Restore the painterly Commission Lab: a floating work in a moving painted room. */ #original-work .commission-lead{max-width:1100px;grid-template-columns:1.12fr 1fr;min-height:580px;border-radius:26px;background:linear-gradient(120deg,#372d4a,#241e34);border-color:#b7a1cc68} #original-work .commission-lead .commission-visual{height:100%;min-height:580px;background:#352848;isolation:isolate} .commission-visual::before,.commission-visual::after{display:none!important} .commission-paint{position:absolute;inset:0;overflow:hidden;background:#64465f} .commission-paint i{position:absolute;inset:-12%;background:url('/assets/lab-color.jpg') center/cover;animation:paint-flow 18s ease-in-out infinite alternate paused} .commission-paint i+i{background:url('/assets/lab-color-second.jpg') center/cover;mix-blend-mode:multiply;opacity:.6;animation-duration:24s;animation-delay:-12s} @keyframes paint-flow{from{transform:translate3d(-4%,2%,0) rotate(-6deg) scale(1.05)}to{transform:translate3d(4%,-2%,0) rotate(6deg) scale(1.13)}} .commission-frame{position:absolute;inset:48px 70px 100px;padding:10px;background:#e7e0dc;border:1px solid #f6eaf1;box-shadow:12px 19px 25px #33203955;transform:perspective(1000px) rotateY(-6deg) rotateZ(-3deg);animation:painting-presence 12s ease-in-out infinite alternate paused} #original-work .commission-preview{display:block;position:static!important;width:100%!important;height:100%!important;object-fit:contain!important;opacity:1!important;background:#282634;filter:none!important} @keyframes painting-presence{to{transform:perspective(1000px) rotateY(6deg) rotateZ(2deg) translateY(-8px)}} .commission-visual figcaption{bottom:25px;left:28px;right:28px;padding:12px 15px;background:#21172dce;border:1px solid #f2d5e42e;border-radius:10px;font-size:13px} #original-work .commission-copy{margin:24px 28px 24px -15px;padding:32px;border-radius:19px;background:linear-gradient(130deg,#62405cdb,#292138f5);border:1px solid #f4c5e14a} #original-work .commission-copy h3{font-size:clamp(31px,3vw,41px)} .commission-intro,.commission-description p{font-size:13px;line-height:1.75}.commission-description h4{font-size:21px} .commission-in-view .commission-paint i,.commission-in-view .commission-frame{animation-play-state:running} /* Motion has a limited owner: the visible object, not the entire page. */ .motion-paused .solution-object *,.motion-paused .commission-paint i,.motion-paused .commission-frame,.motion-paused .wind-haze{animation:none!important} .page-hidden .solution-object *,.page-hidden .commission-paint i,.page-hidden .commission-frame,.contact-open .solution-object *,.contact-open .commission-paint i,.contact-open .commission-frame,.work-viewing .solution-object *,.work-viewing .commission-paint i,.work-viewing .commission-frame{animation-play-state:paused!important} @media(max-width:900px){ #original-work .commission-lead{grid-template-columns:1fr;max-width:580px;min-height:0} #original-work .commission-lead .commission-visual{height:430px;min-height:430px} .commission-frame{inset:28px 22% 86px} #original-work .commission-copy{margin:0 12px 12px;padding:26px} } @media(max-width:760px){ #the-house.house-story{padding:100px 25px 120px!important} .house-identity{width:210px;margin-bottom:32px} #the-house h2{font-size:32px;max-width:360px;margin:18px auto 24px} #the-house .house-story-copy{font-size:14px;line-height:1.8;max-width:430px} #work .gallery-heading{padding-top:35px!important} .linework-hero .hero-foot{width:calc(100% - 40px)} #systems-solutions .feature{flex-basis:84vw!important;height:520px!important;min-height:520px!important;max-width:390px} #systems-solutions .feature-caption{min-height:225px!important;padding:19px!important} #systems-solutions .feature-caption .system-link{min-height:44px!important} #original-work .commission-lead{border-radius:20px} #original-work .commission-lead .commission-visual{height:390px;min-height:390px} .commission-frame{inset:26px 20% 85px;padding:7px} .commission-visual figcaption{bottom:19px;left:16px;right:16px;font-size:12px} #original-work .commission-copy{padding:26px 21px;border-radius:15px} #original-work .commission-copy h3{font-size:33px} .commission-paint i{animation-duration:22s}.commission-frame{animation-duration:16s} } @media(prefers-reduced-motion:reduce){.solution-object *,.commission-paint i,.commission-frame,.hero-air .wind-haze{animation:none!important}.hero-air .wind-haze{opacity:0!important}.hero-air .wind-haze-2{opacity:.3!important}} #original-work .commission-preview{background:#e6e0df!important} .commission-frame{left:calc(50% - 165px);right:auto;width:330px} @media(max-width:900px){.commission-frame{left:calc(50% - 125px);width:250px}} @media(max-width:760px){.commission-frame{left:calc(50% - 110px);width:220px}} :is(.page-hidden,.contact-open,.work-viewing) #systems-solutions.chapter-lit .gallery-focus .solution-object *, :is(.page-hidden,.contact-open,.work-viewing) #systems-solutions.chapter-lit .gallery-focus .solution-object::after{animation-play-state:paused!important} .motion-paused .solution-object::after{animation:none!important} @media(prefers-reduced-motion:reduce){.solution-object::after{animation:none!important}} .hero-reflection-light{position:absolute;inset:-15% -60%;z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:0;background:linear-gradient(112deg,transparent 42%,#e2efff08 46%,#fff6dd50 48%,#ffffff08 50%,transparent 54%);animation:reflection-pass 23s ease-in-out infinite paused} @keyframes reflection-pass{0%,100%{transform:translate3d(-28%,8%,0) rotate(-13deg);opacity:0}18%{opacity:.15}38%{transform:translate3d(-2%,0,0) rotate(-5deg);opacity:.65}70%,99%{transform:translate3d(28%,-6%,0) rotate(7deg);opacity:0}} .air-active .hero-reflection-light{animation-play-state:running} .motion-paused .hero-reflection-light{animation:none!important} @media(prefers-reduced-motion:reduce){.hero-reflection-light{animation:none!important}} /* One central reading axis, with expressive imagery around it. */ .linework-hero .hero-copy{position:absolute!important;inset:clamp(95px,16vh,175px) 24px auto!important;width:auto!important;max-width:none!important;padding:0!important;margin:0!important;text-align:center;align-items:center!important;justify-content:flex-start!important} .linework-hero h1.hero-statement{width:100%!important;max-width:760px!important;margin:27px auto 0!important;font-size:clamp(30px,3.2vw,46px)!important;line-height:1.15!important;text-align:center} .linework-hero .hero-kicker{text-align:center} .linework-hero .hero-introduction{align-items:center!important;margin:24px auto 0!important;text-align:center} .linework-hero .hero-introduction p{max-width:400px!important;text-align:center} #systems-solutions .feature-caption{text-align:center;align-items:center!important;justify-content:flex-start!important} #systems-solutions .feature-caption .system-link{align-self:center!important;margin:0 auto!important} #systems-solutions .feature-caption .project-status{justify-content:center} #original-work .commission-copy{text-align:center} .commission-formats{justify-content:center}.commission-description{text-align:center} #original-work .commission-copy .artist-enquiry{max-width:320px;margin-inline:auto} .artist-entry .artist-profile{text-align:center}.artist-entry .artist-person{justify-content:center} .artist-entry .artist-work-choice,.artist-entry .artist-frame-controls{justify-content:center} .artist-entry .artist-person>div{text-align:center}.artist-entry .artist-about summary{justify-content:center;gap:15px} .shop-entry .shop-card-copy{text-align:center}.shop-entry .shop-card-copy button{max-width:330px;margin-inline:auto} footer .footer-main{text-align:center}footer .contact-title{display:inline-flex;width:auto!important;max-width:100%;text-align:center;justify-content:center;padding-right:55px;margin-inline:auto} footer .contact-title>span{position:absolute;right:0;top:12px} footer .footer-details{flex-direction:column;align-items:center;gap:22px;text-align:center} footer .footer-details>span{max-width:400px}footer .footer-process{text-align:center} footer .footer-context{text-align:center;justify-content:center;align-items:center;flex-direction:column;gap:20px} footer .footer-branches{justify-content:center}footer .footer-accessibility{justify-content:center} @media(max-width:760px){ .linework-hero .hero-copy{inset:88px 20px auto!important} .linework-hero h1.hero-statement{font-size:clamp(22px,6.1vw,30px)!important;max-width:430px!important;margin-top:24px!important;line-height:1.24!important} .linework-hero .hero-introduction{margin-top:22px!important} .linework-hero .hero-introduction p{max-width:290px!important} .linework-hero .hero-kicker{font-size:8px!important;letter-spacing:.1em!important} footer .contact-title{padding-right:35px;font-size:clamp(38px,10vw,55px)!important} footer .contact-title>span{top:6px}footer .contact-title svg{width:28px} } /* The frame responds to the medium without cropping the work. */ #art-commissions:not([data-medium="image"]) .commission-frame{left:6%;width:88%;top:140px;bottom:auto;height:230px;transition:width .5s,left .5s,top .5s,height .5s} .linework-hero .hero-shade{background:linear-gradient(180deg,#08101d45,transparent 45%,#0c101d22 65%,#0c101d 100%)!important} @media(max-width:900px){#art-commissions:not([data-medium="image"]) .commission-frame{top:95px;height:180px}} @media(max-width:760px){#art-commissions:not([data-medium="image"]) .commission-frame{top:100px;height:150px}} @media(prefers-reduced-motion:reduce){#art-commissions .commission-frame{transition:none!important}} /* Keep the centered text readable even when light crosses the pale sky. */ .linework-hero .hero-shade{background:linear-gradient(180deg,#080e188c,#080e18a6 30%,#0a101c55 58%,#0c101d33 73%,#0c101d 100%)!important} .linework-hero .hero-statement{text-shadow:0 2px 18px #080e1845} .linework-hero .hero-kicker{font-size:10px!important;color:#e2e5ec!important} .linework-hero .hero-introduction p{font-size:13px!important;color:#f0f1f5!important} @media(max-width:760px){.linework-hero .hero-kicker{font-size:9px!important}.linework-hero .hero-introduction p{font-size:12px!important}} /* /optical-continuity.css */ /* A continuous landscape, with no separate blank intermission. */ .linework-hero{overflow:visible!important} .linework-hero .hero-photograph,.linework-hero .hero-shade,.linework-hero .hero-air{mask-image:linear-gradient(#000 65%,transparent 100%)!important;-webkit-mask-image:linear-gradient(#000 65%,transparent 100%)!important} .linework-hero .hero-foot{bottom:32px!important} #the-house.house-story{padding:32px 28px 100px!important;background:none;position:relative} #the-house.house-story::before{content:"";position:absolute;inset:-190px 0 -110px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 20%,#69779316,transparent 61%)} .house-identity{width:190px;margin:0 auto 18px} #the-house h2{font-size:clamp(31px,3.2vw,44px);margin:14px auto 24px} #the-house .house-story-copy{font-size:14px;max-width:600px} #work .gallery-heading{padding-top:35px!important} /* The surface itself carries the identity. A single canvas paints visible sheets. */ #systems-solutions{--gallery-width:clamp(310px,32vw,390px)} .optical-gallery{position:relative;isolation:isolate} .systems-optics{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:0} .optics-ready .systems-optics{opacity:1} #systems-solutions [data-gallery-track].depth-gallery{gap:34px;padding-top:60px!important;padding-bottom:12px!important;mask-image:none!important} #systems-solutions [data-gallery-track].depth-gallery>.feature{flex:0 0 var(--gallery-width)!important;max-width:none;height:575px!important;min-height:575px!important;padding:0!important;transform:none!important;overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:block!important} #systems-solutions .feature-scene{position:absolute!important;inset:0 0 auto!important;height:340px!important;background:transparent!important;overflow:visible!important} .optical-fallback{position:absolute;inset:0;border-radius:18px;background:radial-gradient(ellipse at 50% 60%,#07121e 5%,#153e40 28%,#56b28f 56%,#2858ba 85%,#8080ec);border:1px solid #d6eeff77} .system-lab .optical-fallback{background:radial-gradient(ellipse at 50% 60%,#210821 8%,#6a154b 32%,#b54b30 60%,#c47a36 80%,#ad77db)} .system-murray .optical-fallback{background:radial-gradient(ellipse at 50% 60%,#091b32 10%,#155c85 36%,#2eaba4 60%,#7f83cc 90%)} .system-murexical .optical-fallback{background:radial-gradient(ellipse at 50% 60%,#17122a 10%,#603f83 32%,#866fba 60%,#90b4a0 90%)} .optical-fallback::after{content:attr(data-title);position:absolute;inset:40% 20px auto;text-align:center;font:400 36px/1.05 ArtistSans,Arial,sans-serif;color:white} .optics-ready .optical-fallback{visibility:hidden} #systems-solutions .feature .feature-caption{position:relative!important;inset:auto!important;top:360px!important;display:flex!important;gap:12px!important;min-height:0!important;padding:18px 18px 0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;text-align:center;align-items:center!important} #systems-solutions .feature-caption h3{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} #systems-solutions .feature-caption p{font-size:13px!important;line-height:1.65!important;color:#c8ced9!important;max-width:340px} #systems-solutions .feature-caption .project-number{font-size:9px!important;letter-spacing:.12em;color:#9caabd!important;margin-bottom:10px} #systems-solutions .feature-caption .project-status{font-size:9px!important;color:#9caabd!important;justify-content:center} #systems-solutions .feature-caption .system-link{min-height:42px!important;margin:0 auto!important} #systems-solutions .gallery-reflection{display:none!important} #systems-solutions .gallery-selection{margin-top:6px!important} /* The commission is an artwork with an invitation, not a box inside a box. */ #original-work #art-commissions.commission-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;max-width:1040px;width:calc(100% - 48px);min-height:0;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important;align-items:center} #original-work #art-commissions .commission-visual{height:480px;min-height:0;border-radius:16px;overflow:hidden;background:transparent;box-shadow:none} .commission-paint{opacity:.6;mask-image:linear-gradient(#000 65%,transparent)} #art-commissions .commission-frame{inset:24px auto auto!important;left:50%!important;translate:-50% 0;width:270px!important;height:340px!important;padding:0!important;background:none!important;border:0!important;box-shadow:8px 12px 24px #080c182b;animation:painting-presence 16s ease-in-out infinite alternate paused} #original-work #art-commissions .commission-preview{background:transparent!important;object-fit:contain!important} #art-commissions:not([data-medium="image"]) .commission-frame{width:90%!important;height:230px!important;top:90px!important} #art-commissions .commission-visual figcaption{bottom:25px;left:18px;right:18px;padding:0;border:0;border-radius:0;background:none!important;text-align:center;font-size:13px;line-height:1.5} #art-commissions .commission-visual figcaption small{font-size:10px} #original-work #art-commissions .commission-copy{padding:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;max-width:470px;text-align:center} #original-work #art-commissions .commission-copy h3{font-size:clamp(32px,3.5vw,44px);line-height:1.08;margin:16px auto 22px;letter-spacing:-.04em} #art-commissions .commission-intro{font-size:14px;line-height:1.75;color:#c9cbd5;margin:0 auto 24px;max-width:390px} #art-commissions .commission-formats{gap:16px;margin:0 auto 24px;flex-wrap:nowrap;justify-content:center} #art-commissions .commission-formats button{flex:0 1 auto;min-height:44px;padding:7px 0;border:0;border-radius:0;background:none!important;box-shadow:none!important;border-bottom:1px solid transparent;font-size:11px;color:#a6b0c0;white-space:nowrap} #art-commissions .commission-formats button[aria-pressed=true]{color:#fff;border-bottom-color:#d3dbef} #art-commissions .commission-formats button:hover{color:white;border-bottom-color:#a8b7cf} #art-commissions .commission-description{min-height:95px;max-width:380px;margin:0 auto 20px} #art-commissions .commission-description h4{display:none} #art-commissions .commission-description p{font-size:13px;line-height:1.7} #original-work #art-commissions .artist-enquiry{width:auto;max-width:100%;min-height:44px;padding-inline:22px;margin:0 auto} /* A single closing invitation, then quiet utility information. */ footer#contact{background:linear-gradient(#11151d,#0c1119)!important;padding:90px max(24px,5vw) 24px!important;overflow:hidden} footer#contact .footer-main{padding:0!important;border:0!important;max-width:700px;margin:auto} footer#contact .footer-main>.eyebrow{font-size:10px;color:#a5afbd;letter-spacing:.15em} footer#contact .contact-title{font:400 clamp(42px,6vw,76px)/1.04 ArtistSans,Arial,sans-serif!important;letter-spacing:-.055em;padding:0!important;margin:23px auto!important;display:block!important;text-align:center!important} footer#contact .contact-title>span{display:none} footer#contact .footer-details{margin-top:0!important;gap:0!important;padding:0!important} footer#contact .email-button{padding:10px 2px!important;min-height:44px;border-radius:0!important;border:0!important;border-bottom:1px solid #e3e9ff44!important;background:none!important;box-shadow:none!important;font-size:14px!important} footer#contact .footer-context{border:0!important;padding:35px 0 28px!important;gap:20px!important;margin:0!important} footer#contact .footer-context>p{font-size:11px;color:#8f9aaa} footer#contact .footer-branches{gap:22px;flex-wrap:wrap;font-size:12px} footer#contact .footer-branches a{padding:8px 0;min-height:36px;color:#cad2de} footer#contact .footer-branches span{display:none} footer#contact .footer-accessibility{margin:0!important;padding:0 0 20px!important;border:0!important} footer#contact .motion-toggle{font-size:10px;min-height:44px} footer#contact .footer-bottom{border-top:1px solid #becce025;padding:20px 0 0!important;gap:15px;align-items:center;font-size:10px;line-height:1.6} footer#contact .footer-legal{color:#94a0b1;text-align:center;font-size:10px} @media(max-width:760px){ #the-house.house-story{padding:28px 24px 75px!important}.house-identity{width:165px;margin-bottom:12px} #the-house h2{font-size:31px;max-width:350px}#the-house .house-story-copy{font-size:13px;line-height:1.85;max-width:450px} #work .gallery-heading{padding-top:20px!important} #systems-solutions{--gallery-width:80vw} #systems-solutions [data-gallery-track].depth-gallery{gap:24px;padding-top:45px!important} #systems-solutions [data-gallery-track].depth-gallery>.feature{height:570px!important;min-height:570px!important} #systems-solutions .feature-scene{height:320px!important} #systems-solutions .feature .feature-caption{top:335px!important;padding:17px 10px 0!important} #original-work #art-commissions.commission-lead{grid-template-columns:1fr;max-width:520px;gap:8px;width:calc(100% - 40px)} #original-work #art-commissions .commission-visual{height:365px;min-height:0;border-radius:12px} #art-commissions .commission-frame{top:12px!important;width:210px!important;height:265px!important} #art-commissions:not([data-medium="image"]) .commission-frame{top:55px!important;height:190px!important} #art-commissions .commission-visual figcaption{bottom:20px;font-size:12px} #original-work #art-commissions .commission-copy{max-width:none;padding:8px 8px 0!important} #original-work #art-commissions .commission-copy h3{font-size:34px;margin:14px auto 18px} #art-commissions .commission-intro{font-size:13px;margin-bottom:18px} #art-commissions .commission-formats{gap:17px;margin-bottom:18px}#art-commissions .commission-formats button{font-size:10px} #art-commissions .commission-description{min-height:110px;margin-bottom:14px} footer#contact{padding-top:70px!important}footer#contact .footer-branches{gap:10px 18px} footer#contact .footer-bottom{flex-direction:column;text-align:center;gap:12px}footer#contact .footer-legal{margin:0} } @media(prefers-reduced-motion:reduce){#art-commissions .commission-frame{animation:none!important}} /* Bound the optical stage independently from the semantic caption below it. */ .linework-hero{overflow:hidden!important} #systems-solutions .feature .feature-scene{min-height:0!important;max-height:340px!important;height:340px!important} #systems-solutions [data-gallery-track].depth-gallery{padding-top:90px!important} @media(max-width:760px){#systems-solutions .feature .feature-scene{height:320px!important;max-height:320px!important}#systems-solutions [data-gallery-track].depth-gallery{padding-top:80px!important}} #systems-solutions .feature::before,#systems-solutions .feature::after{display:none!important} #systems-solutions .feature .feature-caption::before,#systems-solutions .feature .feature-caption::after{display:none!important} #art-commissions>.surface-reflection,#systems-solutions .surface-reflection{display:none!important} footer#contact>span,footer#contact::before{display:none!important} footer#contact .footer-details{margin:0!important} footer#contact .footer-branches a{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:12px!important;overflow:visible!important} footer#contact .footer-branches a::before,footer#contact .footer-branches a::after{display:none!important} @media(max-width:760px){ #original-work #art-commissions.commission-lead{width:100%} #original-work #art-commissions .commission-copy h3{font-size:31px} } @media(max-width:760px){footer#contact .footer-bottom>*{align-self:center!important;order:0!important}footer#contact .footer-bottom .footer-legal{flex-basis:auto!important}} /* Only the centered sheet asks for reading attention; neighbours remain visual. */ #systems-solutions .feature .feature-caption{transition:opacity .22s ease!important} #systems-solutions .feature:not(.gallery-focus) .feature-caption{opacity:0;pointer-events:none} #systems-solutions .feature.gallery-focus .feature-caption{opacity:1} #systems-solutions .feature-caption .project-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} @media(prefers-reduced-motion:reduce){#systems-solutions .feature .feature-caption{transition:none!important}} /* /scroll-experience.css */ /* The opening is one native-scroll scene: paths open, identity grows, story arrives. */ #the-house.house-story{padding:0!important;margin-top:-180px!important;position:relative;z-index:4;overflow:visible!important;height:1320px;--open:0;--mark:0;--read:0;--lift:0} .house-stage{position:sticky;top:64px;height:650px;max-height:calc(100svh - 80px);min-height:550px;overflow:clip;isolation:isolate} .house-stage::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 42%,#667f9c18,transparent 58%);opacity:var(--mark)} .house-stage .hero-paths{position:absolute!important;inset:90px 5vw auto!important;width:90%!important;max-width:1200px!important;margin:auto!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important;z-index:3} .house-stage .hero-paths a{min-width:0!important;min-height:110px!important;padding:22px!important;border-radius:20px!important;transform:translate3d(calc(var(--open) * -28vw),calc(var(--open) * -25px),0)!important;opacity:calc(1 - var(--open));will-change:transform;transition:none!important} .house-stage .hero-paths a:nth-child(n+3){transform:translate3d(calc(var(--open) * 28vw),calc(var(--open) * -25px),0)!important} .house-stage .hero-paths a>span:not(.path-number){font-size:16px!important}.house-stage .hero-paths small{font-size:11px!important} .house-stage .hero-paths img{position:absolute;right:8px;bottom:8px;width:70px;height:70px;object-fit:contain;opacity:.15;pointer-events:none} .house-stage .house-identity{position:absolute!important;top:52px;left:50%;width:330px!important;height:270px!important;margin:0!important;opacity:var(--mark);transform:translate3d(-50%,calc(var(--lift) * -35px),0) scale(calc(.35 + var(--mark) * .85 - var(--lift) * .30));transform-origin:50% 50%;will-change:transform;filter:none!important} .house-stage .house-narrative{position:absolute;top:310px;left:24px;right:24px;opacity:var(--read);transform:translate3d(0,calc((1 - var(--read)) * 45px),0);text-align:center} #the-house .house-narrative h2{font-size:clamp(30px,3.3vw,44px);line-height:1.12;max-width:650px;margin:15px auto 20px} #the-house .house-story-copy{max-width:610px;margin:auto;font-size:14px;line-height:1.8} .house-narrative .house-thread{display:none} .house-stage .hero-paths:focus-within a{opacity:1!important} /* Original commission identity, carried by its original paintings. */ #original-work #art-commissions .commission-original{height:440px;overflow:visible!important;border-radius:0!important;isolation:isolate;--paint-scroll:0} .commission-original .commission-paint{inset:-5%;opacity:.35;mask-image:radial-gradient(ellipse,#000 5%,transparent 68%)} .commission-painted-panel{position:absolute;inset:45px 12% 55px;border-radius:4px;background-size:cover;background-position:center;box-shadow:0 18px 45px #0003;pointer-events:none;opacity:.85;will-change:transform} .commission-painted-panel.panel-one{background-image:url('/assets/lab-color.jpg');transform:translate3d(calc(-25px - var(--paint-scroll) * 25px),-8px,0) rotate(calc(-7deg - var(--paint-scroll) * 5deg));animation:lab-paint-left 17s ease-in-out infinite alternate paused} .commission-painted-panel.panel-two{background-image:url('/assets/lab-color-second.jpg');transform:translate3d(calc(26px + var(--paint-scroll) * 25px),10px,0) rotate(calc(7deg + var(--paint-scroll) * 5deg));mix-blend-mode:screen;opacity:.65;animation:lab-paint-right 21s ease-in-out infinite alternate paused} .commission-wordmark{position:absolute;inset:0;margin:auto;width:88%;max-width:400px;height:auto;object-fit:contain;z-index:3;filter:drop-shadow(0 4px 16px #251d4388);transform:translateY(calc(var(--paint-scroll) * -12px)) scale(calc(.95 + var(--paint-scroll) * .05))} .commission-in-view .commission-painted-panel{animation-play-state:running} @keyframes lab-paint-left{to{translate:-9px 12px;rotate:-3deg}} @keyframes lab-paint-right{to{translate:8px -10px;rotate:3deg}} .motion-paused .commission-painted-panel{animation-play-state:paused!important} @media(max-width:760px){ #the-house.house-story{height:1190px;margin-top:-210px!important} .house-stage{top:55px;height:690px;max-height:none;min-height:0} .house-stage .hero-paths{inset:70px 24px auto!important;width:calc(100% - 48px)!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important} .house-stage .hero-paths a{min-height:90px!important;padding:14px!important;border-radius:16px!important;transform:translate3d(calc(var(--open) * -45vw),0,0)!important} .house-stage .hero-paths a:nth-child(n+3){transform:translate3d(calc(var(--open) * -45vw),0,0)!important} .house-stage .hero-paths a:nth-child(even){transform:translate3d(calc(var(--open) * 45vw),0,0)!important} .house-stage .hero-paths a>span:not(.path-number){font-size:14px!important}.house-stage .hero-paths small{font-size:10px!important} .house-stage .hero-paths .path-number{font-size:9px!important} .house-stage .house-identity{top:75px;width:285px!important;height:235px!important} .house-stage .house-narrative{top:330px;left:25px;right:25px} #the-house .house-narrative h2{font-size:30px}#the-house .house-story-copy{font-size:12px;line-height:1.8;max-width:430px} #original-work #art-commissions .commission-original{height:330px;max-width:440px;width:100%;margin:auto} .commission-painted-panel{inset:32px 14% 38px}.commission-wordmark{width:83%} } @media(max-width:360px){#the-house.house-story{height:1260px}.house-stage{height:760px}} /* Motion preferences retain the full reading and navigation order. */ .motion-paused #the-house.house-story{height:auto;margin-top:0!important} .motion-paused .house-stage{position:relative;top:0;height:auto;max-height:none;min-height:0;padding:30px 24px 70px} .motion-paused .house-stage .hero-paths{position:relative!important;inset:auto!important;width:100%!important;margin:0 auto 40px!important} .motion-paused .house-stage .hero-paths a{transform:none!important;opacity:1!important} .motion-paused .house-stage .house-identity{position:relative!important;top:auto;left:auto;transform:none;opacity:1;width:220px!important;height:180px!important;margin:auto!important} .motion-paused .house-stage .house-narrative{position:relative;inset:auto;transform:none;opacity:1} @media(prefers-reduced-motion:reduce){ #the-house.house-story{height:auto;margin-top:0!important}.house-stage{position:relative;top:0;height:auto;max-height:none;min-height:0;padding:30px 24px 70px} .house-stage .hero-paths{position:relative!important;inset:auto!important;width:100%!important;margin:0 auto 40px!important}.house-stage .hero-paths a{transform:none!important;opacity:1!important} .house-stage .house-identity{position:relative!important;top:auto;left:auto;transform:none;opacity:1;width:220px!important;height:180px!important;margin:auto!important} .house-stage .house-narrative{position:relative;inset:auto;transform:none;opacity:1}.commission-painted-panel{animation:none!important} } html:not(.scroll-scene-ready) #the-house.house-story{height:auto;margin-top:0!important} html:not(.scroll-scene-ready) .house-stage{position:relative;top:0;height:auto;max-height:none;min-height:0;padding:30px 24px 70px} html:not(.scroll-scene-ready) .house-stage .hero-paths{position:relative!important;inset:auto!important;width:100%!important;margin:0 auto 40px!important} html:not(.scroll-scene-ready) .house-stage .hero-paths a{transform:none!important;opacity:1!important} html:not(.scroll-scene-ready) .house-stage .house-identity{position:relative!important;top:auto;left:auto;transform:none;opacity:1;width:220px!important;height:180px!important;margin:auto!important} html:not(.scroll-scene-ready) .house-stage .house-narrative{position:relative;inset:auto;transform:none;opacity:1} /* /chapter-continuity.css */ /* The landscape dissolves into one continuous atmosphere, without rectangular edges. */ .landscape-afterglow{height:2200px!important;background-size:auto 2200px!important;opacity:.23!important;mask-image:linear-gradient(transparent 0%,#000 16%,#000 48%,transparent 100%);-webkit-mask-image:linear-gradient(transparent 0%,#000 16%,#000 48%,transparent 100%)} #the-house.house-story::before{inset:-240px 0 -320px;mask-image:linear-gradient(transparent,#000 30%,#000 65%,transparent)} .house-stage::before{mask-image:radial-gradient(ellipse,#000 10%,transparent 72%)} .house-story.identity-wordmark-visible .house-narrative>.eyebrow{opacity:0} footer#contact{background:transparent!important} .chapter-atmosphere,.spectral-arc{mask-image:linear-gradient(transparent,#000 25%,#000 70%,transparent)!important} #work .studio-handoff{display:flex!important;align-items:center;justify-content:center;gap:20px;width:100%;max-width:680px!important;margin:0 auto 38px!important;padding:0!important;opacity:calc(.5 + var(--arrival,1) * .5)} .studio-handoff p{font:400 13px/1.6 ArtistSans,Arial,sans-serif!important;letter-spacing:.02em;color:#aebdcc;white-space:normal;margin:0!important} .studio-handoff span{height:1px;flex:1;max-width:100px;transform:scaleX(var(--arrival,1));background:linear-gradient(90deg,transparent,#9bb8cc88);transform-origin:right} .studio-handoff span:last-child{transform-origin:left;background:linear-gradient(90deg,#9bb8cc88,transparent)} #work #practice.gallery-heading{padding-top:0!important;margin-top:-25px!important} #work-title{display:flex;justify-content:center;flex-wrap:wrap;gap:0 .22em} #work-title>span{display:inline-block;transform:translateX(calc((1 - var(--arrival,1)) * -65px));opacity:calc(.45 + var(--arrival,1) * .55)} #work-title>span+span{transform:translateX(calc((1 - var(--arrival,1)) * 65px))} #work .collection-intro{max-width:660px;margin-inline:auto!important} #systems-solutions .gallery-heading{display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important;width:calc(100% - 48px)!important;max-width:760px!important;margin:0 auto 10px!important;padding:0!important;border:0!important} #systems-solutions .gallery-heading>div{width:100%!important;max-width:none!important;text-align:center!important} #systems-title{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:12px!important;text-align:center!important;width:100%;margin:18px auto 24px!important} #systems-title .systems-display{display:block;font-size:clamp(35px,5vw,64px)!important;letter-spacing:.1em!important;line-height:1.08;transform:scale(calc(.88 + var(--arrival,1) * .12))} #systems-title .systems-subtitle{display:block;font:400 clamp(15px,1.9vw,22px)/1.2 ArtistSans,Arial,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase;transform:translateY(calc((1 - var(--arrival,1)) * 24px))} #systems-solutions .collection-intro{max-width:560px!important;margin:0 auto!important;text-align:center!important;font-size:14px!important;line-height:1.8!important} #systems-solutions .optical-gallery{transform:translateY(calc((1 - var(--arrival,1)) * 38px))} #systems-solutions .system-xplor .optical-fallback{background:radial-gradient(ellipse,#103246,#397e90 45%,#d89e66 90%)} #systems-solutions{--gallery-width:clamp(300px,27vw,350px)} #systems-solutions [data-gallery-track].depth-gallery{padding-top:65px!important} #systems-solutions [data-gallery-track].depth-gallery>.feature{height:630px!important;min-height:630px!important} #systems-solutions .feature .feature-scene{height:400px!important;max-height:400px!important} #systems-solutions .feature .feature-caption{top:420px!important} /* Paintings part around the wordmark, then settle around the commission invitation. */ #art-commissions .commission-painted-panel.panel-one{transform:translate3d(calc(-10px - var(--paint-scroll) * 55px),calc(25px - var(--paint-scroll) * 50px),0) rotate(calc(-3deg - var(--paint-scroll) * 14deg))!important;animation-duration:11s} #art-commissions .commission-painted-panel.panel-two{transform:translate3d(calc(10px + var(--paint-scroll) * 55px),calc(-25px + var(--paint-scroll) * 50px),0) rotate(calc(3deg + var(--paint-scroll) * 14deg))!important;animation-duration:15s} #art-commissions .commission-wordmark{transform:translateY(calc((.5 - var(--paint-scroll)) * 30px)) scale(calc(.80 + var(--paint-scroll) * .30));transition:filter .5s;filter:drop-shadow(0 3px 14px #12192e99)} #art-commissions .commission-original::after{content:"";position:absolute;inset:10%;pointer-events:none;z-index:4;background:linear-gradient(112deg,transparent 36%,#d7ecff22 45%,#f0d8fd2b 48%,transparent 56%);mix-blend-mode:screen;transform:translateX(calc((var(--paint-scroll) - .5) * 80%));mask-image:radial-gradient(ellipse,#000,transparent 70%)} #art-commissions .commission-copy{transform:translateY(calc((1 - var(--arrival,1)) * 35px))} .artist-entry,.shop-entry{--arrival:1} .artist-entry:nth-child(odd),.shop-entry:nth-child(odd){translate:calc((1 - var(--arrival,1)) * -35px) calc((1 - var(--arrival,1)) * 30px);rotate:calc((1 - var(--arrival,1)) * -1.5deg)} .artist-entry:nth-child(even),.shop-entry:nth-child(even){translate:calc((1 - var(--arrival,1)) * 35px) calc((1 - var(--arrival,1)) * 30px);rotate:calc((1 - var(--arrival,1)) * 1.5deg)} .artist-entry:focus-within,.shop-entry:focus-within{translate:0 0;rotate:0deg} footer#contact .contact-title{transform:scale(calc(.88 + var(--arrival,1) * .12));transform-origin:center} @media(max-width:760px){ .landscape-afterglow{height:1850px!important;background-size:auto 1850px!important} #work .studio-handoff{gap:12px;margin-bottom:28px!important}.studio-handoff p{font-size:11px!important;max-width:210px}.studio-handoff span{max-width:40px} #work-title{gap:0 .18em}#work-title>span{transform:translateX(calc((1 - var(--arrival,1)) * -28px))}#work-title>span+span{transform:translateX(calc((1 - var(--arrival,1)) * 28px))} #systems-solutions .collection-intro{font-size:13px!important} #systems-solutions{--gallery-width:80vw} #systems-solutions [data-gallery-track].depth-gallery{padding-top:45px!important} #systems-solutions [data-gallery-track].depth-gallery>.feature{height:620px!important;min-height:620px!important} #systems-solutions .feature .feature-scene{height:360px!important;max-height:360px!important} #systems-solutions .feature .feature-caption{top:380px!important} .artist-entry,.shop-entry{translate:0 calc((1 - var(--arrival,1)) * 24px)!important;rotate:0deg!important} #art-commissions .commission-painted-panel.panel-one{transform:translate3d(calc(-6px - var(--paint-scroll) * 30px),calc(20px - var(--paint-scroll) * 40px),0) rotate(calc(-3deg - var(--paint-scroll) * 11deg))!important} #art-commissions .commission-painted-panel.panel-two{transform:translate3d(calc(6px + var(--paint-scroll) * 30px),calc(-20px + var(--paint-scroll) * 40px),0) rotate(calc(3deg + var(--paint-scroll) * 11deg))!important} } @media(prefers-reduced-motion:reduce){.artist-entry,.shop-entry{translate:0 0!important;rotate:0deg!important}} /* /hero-optics.css */ /* Optical colour is in the photograph, beneath the readable type and navigation. */ .hero-optical-air{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;visibility:hidden} .optical-air-ready .hero-optical-air{visibility:visible} .optical-air-ready .original-landscape{visibility:hidden} .linework-hero .hero-air,.linework-hero .hero-reflection-light,.linework-hero .sand-field{display:none!important} .optical-leaves{display:none;pointer-events:none} .optical-air-ready .optical-leaves{display:block} .wind-leaf{opacity:0;animation:optical-leaf-flight var(--leaf-time) linear var(--leaf-delay) infinite paused;transform-box:view-box;transform-origin:0 0} .optical-wind-active .wind-leaf{animation-play-state:running} @keyframes optical-leaf-flight{0%,8%{transform:translate(0,0) rotate(0);opacity:0}15%{opacity:.6}30%{transform:translate(46px,60px) rotate(70deg)}50%{transform:translate(19px,150px) rotate(155deg);opacity:.5}68%{transform:translate(112px,245px) rotate(235deg);opacity:.35}85%,100%{transform:translate(180px,340px) rotate(315deg);opacity:0}} @media(prefers-reduced-motion:reduce){.hero-optical-air,.optical-leaves{display:none!important}.original-landscape{visibility:visible!important}} /* /material-refinement.css */ /* Bounded optical objects and two concise editorial invitations. */ .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important} #systems-solutions{--gallery-width:clamp(270px,24vw,318px)} #systems-solutions .gallery-heading{margin-bottom:28px!important} #systems-solutions [data-gallery-track].depth-gallery{padding-top:30px!important;gap:30px!important} #systems-solutions [data-gallery-track].depth-gallery>.feature{height:650px!important;min-height:650px!important} #systems-solutions .feature .feature-scene{height:auto!important;max-height:none!important;aspect-ratio:3/4!important;width:100%!important} #systems-solutions .feature .feature-caption{top:calc(var(--gallery-width) * 4 / 3 + 12px)!important;padding:14px 12px 0!important;gap:8px!important} #systems-solutions .feature-caption .project-number{display:none!important} #systems-solutions .feature-caption p{font-size:12px!important;line-height:1.7!important} #systems-solutions .collection-intro{max-width:490px!important} #systems-title{margin-bottom:20px!important} #original-work.commission-chapter{padding:80px 24px 65px!important;text-align:center!important;max-width:none!important} .commission-label{margin:0 auto 14px!important;font-size:10px!important;letter-spacing:.16em!important} #original-work #art-commissions.commission-lead{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;max-width:900px!important;margin:0 auto!important} #original-work #art-commissions .commission-original{width:100%!important;max-width:760px!important;height:390px!important;margin:0!important;overflow:visible!important} #art-commissions .commission-painted-panel{inset:54px 25% 54px!important;opacity:.92!important;box-shadow:none!important;border-radius:5px!important;mask-image:none;background-size:140% 140%!important;animation:paint-current 14s ease-in-out infinite alternate paused!important} #art-commissions .commission-painted-panel.panel-one{transform:translateX(calc(-24px - var(--paint-scroll) * 85px)) rotate(calc(-6deg - var(--paint-scroll) * 14deg)) scale(1.05)!important;mix-blend-mode:normal!important} #art-commissions .commission-painted-panel.panel-two{transform:translateX(calc(24px + var(--paint-scroll) * 85px)) rotate(calc(6deg + var(--paint-scroll) * 14deg)) scale(1.05)!important;animation-delay:-7s!important;mix-blend-mode:screen!important} #art-commissions .commission-wordmark{width:340px!important;max-width:65%!important;transform:scale(calc(.94 + var(--paint-scroll) * .06))!important;filter:drop-shadow(0 3px 18px #10131cb0)!important} #art-commissions .commission-original::after{display:none!important} .commission-light{position:absolute;inset:5% 8%;background:conic-gradient(from 20deg,transparent,#bf516a28,transparent 35%,#4b95c73b,transparent 70%);mask-image:radial-gradient(ellipse,#000,transparent 70%);animation:commission-caustic 18s linear infinite paused;pointer-events:none} .commission-mediums{position:absolute;bottom:8px;left:50%;translate:-50% 0;display:flex;gap:34px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#c3cbd6} .commission-mediums span{animation:medium-light 9s ease-in-out infinite paused}.commission-mediums span:nth-child(2){animation-delay:-6s}.commission-mediums span:nth-child(3){animation-delay:-3s} #original-work #art-commissions .commission-copy{width:100%;max-width:520px!important;transform:none!important;padding:8px 0 0!important} #art-commissions .commission-intro{max-width:500px!important;font-size:14px!important;line-height:1.8!important;margin:12px auto 22px!important} #original-work #art-commissions .artist-enquiry{min-height:46px!important;font-size:13px!important;padding:10px 24px!important} .representation-note{max-width:450px;margin:38px auto 0!important;font-size:11px!important;color:#9faab9!important;line-height:1.8!important} .commission-in-view .commission-painted-panel,.commission-in-view .commission-light,.commission-in-view .commission-mediums span{animation-play-state:running!important} @keyframes paint-current{0%{background-position:12% 20%;filter:saturate(1.1)}50%{background-position:85% 55%;filter:saturate(1.5)}100%{background-position:30% 90%;filter:saturate(1.15)}} @keyframes commission-caustic{to{rotate:360deg}} @keyframes medium-light{0%,20%,100%{color:#8896a7}40%,60%{color:#fff0e2;text-shadow:0 0 16px #f0bf8f66}} #shop.shop-chapter{padding:75px 24px 55px!important;text-align:center!important;overflow:hidden!important;--spread:.8} #shop>.eyebrow{font-size:10px!important;letter-spacing:.16em!important;margin:0 auto 16px!important} .shop-object{position:relative;width:100%;max-width:820px;height:380px;margin:auto;perspective:1000px;isolation:isolate;--pointer:0} .edition-leaf{position:absolute;left:50%;top:35px;width:225px;height:300px;margin-left:-112.5px;border:1px solid #c5d5e24d;border-radius:3px 15px 15px 3px;overflow:hidden;box-shadow:0 18px 35px #0003;transform-origin:50% 90%;display:flex;flex-direction:column;justify-content:space-between;padding:20px;text-align:left;color:#dce4ec;font-size:8px;letter-spacing:.13em;transition:filter .6s;backface-visibility:hidden} .edition-leaf::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 25%,#ffffff26 40%,transparent 54%);background-size:240% 100%;animation:edition-light 12s ease-in-out infinite alternate paused;mix-blend-mode:screen} .edition-back{background:linear-gradient(140deg,#163c3d,#0a1d29);transform:translateX(calc(-155px * var(--spread))) translateY(8px) rotate(calc(-20deg * var(--spread)));z-index:1} .edition-middle{background:linear-gradient(145deg,#1c254e,#3b2550);transform:translateX(calc(155px * var(--spread))) translateY(8px) rotate(calc(20deg * var(--spread)));z-index:2} .edition-front{background:linear-gradient(140deg,#414653,#191d2c 55%,#3c2e47);transform:translateY(calc(-8px * var(--spread))) rotateY(calc(var(--pointer) * 5deg));z-index:3;box-shadow:inset 4px 0 #ffffff0d,0 20px 40px #0005} .edition-front img{position:absolute;left:17%;top:25%;width:66%;height:48%;object-fit:contain;filter:none!important} .edition-imprint{margin-top:auto;color:#aab7c7;font-size:7px} .edition-orbit{position:absolute;width:170px;height:170px;border-radius:50%;left:35px;top:78px;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 7px,#b6d69b8c 8px 9px,transparent 10px 11px);transform:rotateX(32deg);box-shadow:0 0 40px #82b88e12} .edition-stripes{position:absolute;inset:70px 25px;background:repeating-linear-gradient(60deg,transparent 0 13px,#b4c7fa8c 14px 15px,transparent 16px 20px);clip-path:polygon(0 0,100% 15%,85% 100%,15% 85%)} .edition-reflection{position:absolute;inset:65% 10% 0;background:radial-gradient(ellipse at 28% 50%,#358c7940,transparent 40%),radial-gradient(ellipse at 72% 60%,#9b60983b,transparent 40%);filter:blur(24px);z-index:0;opacity:calc(.2 + var(--spread) * .7)} .shop-invitation{max-width:640px;margin:0 auto} .shop-invitation>p{font-size:16px!important;line-height:1.75!important;color:#d2d8e1;margin:0 auto 22px!important} .shop-actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap} #shop .shop-actions .offer-link{width:auto!important;max-width:none!important;min-height:46px!important;gap:22px!important;font-size:12px!important;padding:10px 22px!important;margin:0!important} #shop .shop-actions .ui-icon{width:17px;height:17px} .material-active .edition-leaf::after{animation-play-state:running} @keyframes edition-light{from{background-position:100% 50%}to{background-position:-100% 50%}} .motion-paused .commission-painted-panel,.motion-paused .commission-light,.motion-paused .commission-mediums span,.motion-paused .edition-leaf::after{animation-play-state:paused!important} @media(max-width:760px){ #systems-solutions{--gallery-width:min(74vw,300px)} #systems-solutions [data-gallery-track].depth-gallery>.feature{height:610px!important;min-height:610px!important} #systems-solutions [data-gallery-track].depth-gallery{gap:24px!important;padding-top:24px!important} #systems-solutions .feature .feature-caption{top:calc(var(--gallery-width) * 4 / 3 + 12px)!important} #original-work.commission-chapter{padding:60px 22px 45px!important} #original-work #art-commissions .commission-original{height:300px!important} #art-commissions .commission-painted-panel{inset:40px 15% 46px!important} #art-commissions .commission-painted-panel.panel-one{transform:translateX(calc(-12px - var(--paint-scroll) * 45px)) rotate(-16deg)!important} #art-commissions .commission-painted-panel.panel-two{transform:translateX(calc(12px + var(--paint-scroll) * 45px)) rotate(16deg)!important} #art-commissions .commission-wordmark{max-width:85%!important;width:280px!important} #art-commissions .commission-intro{font-size:12px!important;max-width:320px!important} .commission-mediums{font-size:8px;gap:24px;bottom:6px} .representation-note{font-size:10px!important;max-width:290px;margin-top:28px!important} #shop.shop-chapter{padding:60px 20px 45px!important} .shop-object{height:285px} .edition-leaf{width:140px;height:190px;top:28px;margin-left:-70px;padding:15px;font-size:6px} .edition-back{transform:translateX(calc(-13vw * var(--spread))) translateY(5px) rotate(calc(-12deg * var(--spread)))} .edition-middle{transform:translateX(calc(13vw * var(--spread))) translateY(5px) rotate(calc(12deg * var(--spread)))} .edition-orbit{width:120px;height:120px;left:22px;top:55px}.edition-stripes{inset:50px 18px}.edition-imprint{font-size:5px} .shop-invitation>p{font-size:14px!important}.shop-actions{gap:10px} #shop .shop-actions .offer-link{font-size:11px!important;gap:10px!important;padding:10px 15px!important} } @media(prefers-reduced-motion:reduce){.commission-painted-panel,.commission-light,.commission-mediums span,.edition-leaf::after{animation:none!important}.edition-front{transform:none!important}} /* Match the identity rule's specificity so visible scenes actually animate. */ #art-commissions.commission-in-view .commission-painted-panel,#art-commissions.commission-in-view .commission-light,#art-commissions.commission-in-view .commission-mediums span{animation-play-state:running!important} .motion-paused #art-commissions .commission-painted-panel,.motion-paused #art-commissions .commission-light,.motion-paused #art-commissions .commission-mediums span{animation-play-state:paused!important} @media(prefers-reduced-motion:reduce){#art-commissions .commission-painted-panel,#art-commissions .commission-light,#art-commissions .commission-mediums span{animation:none!important}} #systems-solutions [data-gallery-track].depth-gallery>.feature{height:calc(var(--gallery-width) * 4 / 3 + 190px)!important;min-height:calc(var(--gallery-width) * 4 / 3 + 190px)!important} #systems-solutions .optical-fallback{background:linear-gradient(115deg,#0c1622,#101522 65%,#18242b)!important;border:1px solid #a6c7d326;border-radius:8px;color:#c3dae7} #systems-solutions .optical-fallback svg{position:absolute;inset:18% 15% auto;width:70%;height:52%} #systems-solutions .optical-fallback::after{top:77%;font-size:clamp(17px,2vw,23px)} /* One backdrop, shared across every chapter. No local opaque fades or divider ornaments. */ body{background:#0c111a!important;isolation:isolate} body::before{content:"";position:fixed;inset:-18%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 24% 35%,#557b9d20,transparent 45%),radial-gradient(ellipse at 78% 65%,#a16f8f19,transparent 48%),radial-gradient(ellipse at 55% 95%,#bb9b6812,transparent 50%);transform:translate3d(calc((var(--light-travel,0) - .5) * 8%),calc((var(--light-travel,0) - .5) * -12%),0);will-change:transform} .linework-hero::after{display:none!important} .chapter-atmosphere,.spectral-arc,.chapter-thread,#the-house::before,.house-stage::before{display:none!important} .linework-hero .hero-photograph{mask-image:linear-gradient(#000 54%,#000c 68%,#0004 87%,transparent 100%)!important;-webkit-mask-image:linear-gradient(#000 54%,#000c 68%,#0004 87%,transparent 100%)!important} .linework-hero .hero-shade{background:linear-gradient(#080e1880,#080e1855 48%,transparent 100%)!important;mask-image:linear-gradient(#000,transparent)!important} .landscape-afterglow{background-image:linear-gradient(#0c111add,#0c111ab8 48%,#0c111aeb),url('/assets/studio-landscape.webp')!important} #work .studio-handoff{display:none!important} #the-house{--handoff:0} .house-stage .house-identity{opacity:calc(var(--mark) * (1 - var(--handoff)))!important;transform:translate3d(-50%,calc(var(--lift) * -35px - var(--handoff) * 85px),0) scale(calc(.35 + var(--mark) * .85 - var(--lift) * .30 - var(--handoff) * .25))!important} .house-stage .house-narrative{opacity:calc(var(--read) * (1 - var(--handoff)))!important;transform:translate3d(0,calc((1 - var(--read)) * 45px - var(--handoff) * 60px),0)!important} #work #practice.gallery-heading{perspective:1000px;transform:translateY(calc((1 - var(--handoff,1)) * 70px));opacity:calc(.35 + var(--handoff,1) * .65)} #work-title{transform:rotateX(calc((1 - var(--handoff,1)) * 16deg)) scale(calc(.9 + var(--handoff,1) * .1));transform-origin:center bottom} #work-title>span{transform:translateX(calc((1 - var(--handoff,1)) * -70px))!important;opacity:1!important}#work-title>span+span{transform:translateX(calc((1 - var(--handoff,1)) * 70px))!important} #work .collection-intro{transform:translateY(calc((1 - var(--handoff,1)) * 25px))} #systems-solutions .gallery-heading{transform:translateY(calc((1 - var(--arrival,1)) * 24px))} #original-work .commission-original{translate:0 calc(var(--departure,0) * -25px);scale:calc(1 - var(--departure,0) * .055)} #shop .shop-object{translate:0 calc((1 - var(--arrival,1)) * 50px);scale:calc(.9 + var(--arrival,1) * .1)} #shop .shop-invitation{transform:translateY(calc((1 - var(--arrival,1)) * 26px))} .motion-paused .house-stage .house-identity,.motion-paused .house-stage .house-narrative{opacity:1!important;transform:none!important} .motion-paused #practice,.motion-paused #work-title,.motion-paused #work-title>span{transform:none!important;opacity:1!important} @media(max-width:760px){#work-title>span{transform:translateX(calc((1 - var(--handoff,1)) * -25px))!important}#work-title>span+span{transform:translateX(calc((1 - var(--handoff,1)) * 25px))!important}} @media(prefers-reduced-motion:reduce){.house-stage .house-identity,.house-stage .house-narrative{opacity:1!important;transform:none!important}#practice,#work-title,#work-title>span{transform:none!important;opacity:1!important}#original-work .commission-original,#shop .shop-object{translate:0 0;scale:1}} .optical-fallback .locus-source-mark{position:absolute;width:59%;height:auto;left:20.5%;top:21%;filter:grayscale(1) brightness(1.8)} /* The continuation samples only the distant canopy, never a second pair of hyenas. */ .landscape-afterglow{background-size:auto 4400px!important;background-position:center top!important;opacity:.16!important} @media(prefers-reduced-motion:no-preference){html:not(.motion-paused) .house-stage .house-identity{opacity:calc(var(--mark) * (1 - min(1,var(--handoff) * 5)))!important}} .hyena-lightwork .traveller-identity>g>path[fill="none"]{fill:none!important;stroke:url(#hyena-silver);stroke-width:1.45;stroke-linejoin:round} /* Scroll progress already supplies easing; CSS transitions would make the handoff lag behind it. */ #work #practice.gallery-heading,#work-title,#work-title>span,#work .collection-intro,.house-stage .house-narrative,.house-stage .house-identity{transition:none!important} /* Open compositions: painted atmosphere, printed contours, and clear editorial hierarchy. */ #work .collection-intro,#systems-solutions .collection-intro{font-size:clamp(20px,2vw,28px)!important;line-height:1.35!important;color:#eef0f6!important;max-width:650px!important;margin:24px auto 0!important;text-wrap:balance} .service-summary{display:block;max-width:570px;margin:15px auto 0;color:#b7c2d1;font:400 14px/1.8 ArtistSans,Arial,sans-serif;letter-spacing:0;text-wrap:balance} #work #original-productions{margin-top:20px!important;font-size:12px!important;color:#adb8c8!important} #systems-solutions .feature-caption p{font-size:13px!important;line-height:1.6!important;max-width:30ch;margin-inline:auto!important;text-wrap:balance} #systems-solutions .feature-caption{min-height:145px!important} #original-work.commission-chapter{padding:70px 0 50px!important;overflow:clip!important} #original-work #art-commissions.commission-lead{max-width:none!important} #original-work #art-commissions .commission-original{max-width:1200px!important;height:460px!important;isolation:isolate} #art-commissions .commission-painted-panel{inset:-8% -4%!important;border:0!important;border-radius:0!important;box-shadow:none!important;background-size:cover!important;mask-image:radial-gradient(ellipse at 50% 48%,#000 8%,#000b 28%,transparent 68%)!important;-webkit-mask-image:radial-gradient(ellipse at 50% 48%,#000 8%,#000b 28%,transparent 68%);will-change:transform;opacity:.8!important;animation:paint-billow 12s ease-in-out infinite alternate paused!important} #art-commissions .commission-painted-panel.panel-one{transform:translateX(calc(-25px - var(--paint-scroll) * 70px)) rotate(-8deg)!important;mix-blend-mode:screen!important} #art-commissions .commission-painted-panel.panel-two{transform:translateX(calc(25px + var(--paint-scroll) * 70px)) rotate(8deg)!important;mix-blend-mode:screen!important;animation-delay:-7s!important;animation-duration:16s!important;opacity:.65!important} #art-commissions .commission-wordmark{width:370px!important;max-width:64%!important;z-index:3;filter:drop-shadow(0 3px 24px #10131cc0)!important} #art-commissions .commission-light{inset:-10%;opacity:.8;animation-duration:13s} #art-commissions .commission-mediums{bottom:26px;z-index:4;font-size:11px;gap:45px} #original-work #art-commissions .commission-copy{padding:0 24px!important;max-width:600px!important} #art-commissions .commission-intro{font-size:16px!important;line-height:1.7!important;max-width:520px!important} #original-work .representation-note{padding-inline:24px;font-size:12px!important;margin-top:35px!important} @keyframes paint-billow{0%{translate:-3% 2%;scale:1;rotate:-5deg}50%{translate:2% -2%;scale:1.12;rotate:0deg}100%{translate:4% 3%;scale:1.04;rotate:7deg}} .shop-folio{max-width:1000px;height:390px;perspective:900px} .folio-pages{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotateX(calc(12deg + var(--pointer) * 4deg)) scaleX(calc(.85 + var(--spread) * .15));transform-origin:center;animation:folio-breathe 9s ease-in-out infinite alternate paused} .folio-pages path{stroke-dasharray:1400;stroke-dashoffset:calc((1 - var(--spread)) * 1000);opacity:.5;animation:folio-ink 7s ease-in-out infinite alternate paused} .folio-pages path:nth-child(3n){animation-delay:-3s}.folio-pages path:nth-child(3n + 1){animation-delay:-5s} .folio-wordmark{position:absolute;left:50%;top:50%;translate:-50% -46%;width:235px!important;height:auto!important;object-fit:contain;filter:drop-shadow(0 8px 24px #0c111a)!important} .folio-halo{position:absolute;inset:5% 0;background:radial-gradient(ellipse at 20% 40%,#449a9530,transparent 50%),radial-gradient(ellipse at 75% 55%,#ae6dc12b,transparent 55%);mask-image:radial-gradient(ellipse,#000,transparent 70%);animation:folio-breathe 12s ease-in-out infinite alternate paused} .folio-types{position:absolute;inset:auto 0 20px;display:flex;justify-content:center;gap:45px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#b8c6d4} .material-active .folio-pages,.material-active .folio-pages path,.material-active .folio-halo{animation-play-state:running} @keyframes folio-breathe{from{translate:0 -8px;rotate:-2deg}to{translate:0 8px;rotate:2deg}} @keyframes folio-ink{from{opacity:.18}to{opacity:.8}} #shop.shop-chapter{padding-top:55px!important;padding-bottom:20px!important} footer#contact{min-height:0!important;height:auto!important;padding-top:32px!important;margin-top:0!important;content-visibility:visible!important} footer#contact .footer-nav-space{height:76px!important;max-height:76px!important;margin:0 0 12px!important} footer#contact .footer-main{opacity:1!important;transform:none!important;visibility:visible!important} footer#contact .footer-main>.eyebrow{margin-top:0!important} @media(max-width:760px){ #work .collection-intro,#systems-solutions .collection-intro{font-size:21px!important;max-width:340px!important;padding-inline:8px} .service-summary{font-size:13px;line-height:1.7;max-width:320px} #original-work #art-commissions .commission-original{height:340px!important;width:100%!important} #art-commissions .commission-painted-panel{inset:-5% -30%!important} #art-commissions .commission-wordmark{width:290px!important;max-width:78%!important} #art-commissions .commission-intro{font-size:14px!important;max-width:330px!important} #art-commissions .commission-mediums{font-size:9px;gap:28px;bottom:18px} .shop-folio{height:285px;width:calc(100% + 40px);margin-left:-20px} .folio-pages{width:170%;max-width:none;left:-35%} .folio-wordmark{width:175px!important} .folio-types{font-size:8px;gap:18px;bottom:12px} footer#contact{padding-top:24px!important} } :is(.motion-paused,.page-hidden) .folio-pages,:is(.motion-paused,.page-hidden) .folio-pages path,:is(.motion-paused,.page-hidden) .folio-halo{animation-play-state:paused!important} @media(prefers-reduced-motion:reduce){.folio-pages,.folio-pages path,.folio-halo{animation:none!important}.folio-pages path{stroke-dashoffset:0!important;opacity:.5}#art-commissions .commission-painted-panel{animation:none!important}} .material-active .folio-pages g{transform-origin:50% 50%;animation:page-open 8s ease-in-out infinite alternate} @keyframes page-open{from{transform:scaleY(.8) skewY(-2deg)}to{transform:scaleY(1.12) skewY(2deg)}} :is(.motion-paused,.page-hidden) .folio-pages g{animation-play-state:paused!important} @media(prefers-reduced-motion:reduce){.folio-pages g{animation:none!important}} /* Authentic identities remain present when WebGL is unavailable. */ #systems-solutions .optical-fallback.has-source-wordmark::after{display:none} #systems-solutions .optical-fallback .source-wordmark{position:absolute;width:56%;height:15%;object-fit:contain;left:22%;top:70%;filter:brightness(0) invert(1)} /* /edge-optics.css */ /* One rounded silhouette contains every background, reflection and optical layer. */ #work [data-gallery-track].depth-gallery>article{border-radius:22px!important;overflow:hidden!important;clip-path:inset(0 round 22px);isolation:isolate;transform:perspective(1400px) rotateY(calc(var(--edge-side,1) * var(--edge-curl,0) * -5deg))!important} #work .feature-scene{border-radius:inherit!important;overflow:hidden!important;isolation:isolate} #work .feature-scene>.brand-composition{border-radius:inherit!important} #work .gallery-focus .gallery-reflection,#work .gallery-focus>.surface-reflection{opacity:0!important} /* The focused card is optically still; authentic logo motion continues. */ #work .edge-lens{position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;overflow:hidden;opacity:var(--edge-curl,0);mask-image:linear-gradient(90deg,#000 0%,#000 14%,transparent 58%);contain:paint} #work [data-optical-side="right"] .edge-lens{mask-image:linear-gradient(270deg,#000 0%,#000 14%,transparent 58%)} #work .edge-lens .brand-composition{transform:scale(calc(1 + var(--edge-curl,0) * .24));transform-origin:20% 50%;filter:url(#edge-spectrum)} #work [data-optical-side="right"] .edge-lens .brand-composition{transform-origin:80% 50%} #work .edge-lens::after{content:"";position:absolute;inset:-10%;background:linear-gradient(105deg,transparent 28%,#07122288 37%,#77cfff77 39%,#f8e1ff99 40%,#ffac6f66 41%,transparent 44%);mix-blend-mode:screen;animation:edge-light 7s ease-in-out infinite alternate paused} #work.edge-active .edge-lens::after{animation-play-state:running} #work .gallery-focus .edge-lens{visibility:hidden} @keyframes edge-light{from{translate:-9% -2%;rotate:-4deg}to{translate:12% 2%;rotate:5deg}} /* The photo and its atmosphere dissolve over the same continuous page background. */ .linework-hero{background:transparent!important;overflow:visible!important;isolation:auto!important} .linework-hero::before,.linework-hero::after{display:none!important} .linework-hero .hero-photograph{mask-image:linear-gradient(#000 48%,#000d 67%,#0005 86%,transparent 100%)!important;-webkit-mask-image:linear-gradient(#000 48%,#000d 67%,#0005 86%,transparent 100%)!important} .linework-hero .hero-shade{mask-image:linear-gradient(#000 50%,transparent 100%)!important;background-color:transparent!important} .landscape-afterglow{top:calc(var(--hero-end,900px) - 400px)!important;height:1800px!important;background-image:linear-gradient(90deg,#0c111a99,#0c111a55,#0c111a99),url('/assets/studio-landscape.webp')!important;background-size:auto 4000px!important;background-position:center top!important;opacity:.30!important;mask-image:linear-gradient(transparent,#000 22%,#0009 49%,transparent 100%)!important;-webkit-mask-image:linear-gradient(transparent,#000 22%,#0009 49%,transparent 100%)!important} #the-house.house-story,#the-house .house-stage{background:transparent!important} /* The original builder's spectrum of involvement becomes a small, useful interaction. */ .commission-direction{max-width:420px;margin:24px auto 28px;text-align:center} .commission-direction label{display:block;font-size:12px;color:#d9deea;margin-bottom:16px} .commission-direction input{display:block;appearance:none;width:100%;height:24px;background:transparent;cursor:ew-resize;accent-color:#e2e8f4} .commission-direction input::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,#a5b7c2,#e4c3d9,#c8d7ed);border-radius:2px} .commission-direction input::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border:1px solid #edf2fc;border-radius:50%;margin-top:-9px;background:radial-gradient(circle at 35% 25%,#e7f4ff,#596575 48%,#17202b 72%);box-shadow:0 0 16px #bac8f133} .commission-direction input:focus-visible{outline:1px solid #b9ccea;outline-offset:6px;border-radius:10px} .direction-ends{display:flex;justify-content:space-between;font-size:9px;color:#9ca9bc;margin-top:5px;gap:12px} #commission-direction-copy{min-height:58px;font:400 12px/1.65 ArtistSans,Arial,sans-serif;color:#acb9ca;margin:18px auto 0;max-width:37ch} #commission-direction-copy strong{font-weight:400;color:#e8edf5} #art-commissions{--involvement:0} #art-commissions .commission-painted-panel.panel-one{translate:calc(var(--involvement) * -12%) calc(var(--involvement) * -5%);scale:calc(1 + var(--involvement) * .17);transition:translate 1s ease,scale 1s ease;animation-name:paint-current!important} #art-commissions .commission-painted-panel.panel-two{translate:calc(var(--involvement) * 12%) calc(var(--involvement) * 5%);scale:calc(1 + var(--involvement) * .22);transition:translate 1s ease,scale 1s ease;animation-name:paint-current!important} @media(max-width:760px){.landscape-afterglow{top:calc(var(--hero-end,900px) - 280px)!important;background-size:auto 2600px!important;height:1500px!important;opacity:.25!important}.commission-direction{max-width:310px}.direction-ends{font-size:8px}#work .edge-lens .brand-composition{filter:none}} :is(.motion-paused,.page-hidden) .edge-lens::after{animation-play-state:paused!important} @media(prefers-reduced-motion:reduce){#work .edge-lens{display:none!important}#art-commissions .commission-painted-panel{transition:none!important}} /* /reveal-sequences.css */ /* Identity is the title, not a tiny navigation label. */ #work #practice #work-title{display:flex!important;position:relative!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:visible!important;visibility:visible!important;font:900 clamp(40px,5.5vw,84px)/1.06 StudioKufam,Arial,sans-serif!important;letter-spacing:-.055em!important;margin:18px auto 22px!important;max-width:1050px;gap:0 .24em;transform:none!important} #work #practice #work-title>span{transform:none!important;opacity:1!important} #work .studio-discipline{font-size:12px!important;letter-spacing:.15em!important;margin-bottom:0!important} #work #practice.gallery-heading{padding-bottom:20px!important;margin-bottom:22px!important} #work .collection-intro{margin-top:0!important;font-size:clamp(20px,2.2vw,30px)!important} #work .edge-lens .brand-composition{transform:scale(calc(1 + var(--edge-curl,0) * .38))} #work .edge-lens::after{background:linear-gradient(105deg,transparent 15%,#4784ff22 24%,#1a133b66 30%,#4ab9ff99 33%,#c4b2ffbb 34%,#ffb86f99 35%,transparent 39%,transparent 53%,#e875bc66 56%,#80ffef77 57%,transparent 60%);animation-duration:5.8s} /* The canvas is a full-width scene. It remains visible while scroll opens it. */ #original-work.commission-chapter{overflow:visible!important;padding-top:30px!important} #original-work #art-commissions.commission-lead{display:block!important;width:100%!important;max-width:none!important;position:relative;--scene-height:max(680px,calc(100svh - 100px))} .commission-scroll-stage{position:relative;isolation:isolate;min-height:var(--scene-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 0;box-sizing:border-box;overflow:clip} .commission-scroll-stage>.commission-label{position:relative;z-index:3;margin:0 24px 8px!important;font-size:11px} #original-work #art-commissions .commission-original{position:relative!important;max-width:none!important;width:100%!important;min-height:0!important;height:clamp(210px,29svh,300px)!important;translate:none!important;scale:1!important;z-index:2;overflow:visible!important;flex-shrink:0} #art-commissions .commission-painted-panel,#art-commissions .commission-light{display:none!important} .commission-canvas-surface{position:absolute;inset:0;z-index:0;pointer-events:none;clip-path:inset(0 0 calc((1 - var(--unroll,1)) * 64%) 0);mask-image:linear-gradient(transparent,#000 8%,#000 86%,transparent);background:#272533} .canvas-pigment{position:absolute;inset:-5%;background:linear-gradient(0deg,#111722dd 0%,#25202b77 44%,#0f182566 100%),url('/assets/lab-color.jpg') center/cover;transform:scale(calc(1.12 - var(--unroll,1) * .12))} .canvas-pigment::after{content:"";position:absolute;inset:0;background:url('/assets/lab-color-second.jpg') center/cover;mix-blend-mode:soft-light;opacity:.65;transform:translateX(calc((1 - var(--unroll,1)) * 12%))} .canvas-roll{position:absolute;left:0;right:0;top:calc(36% + var(--unroll,1) * 64%);height:18px;z-index:1;pointer-events:none;opacity:calc((1 - var(--unroll,1)) * .6);background:linear-gradient(180deg,#eee2d344,#c2a6a733 30%,#16192277 70%,transparent);transform:translateY(-12px);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)} .sequence-ready #art-commissions .commission-wordmark{opacity:1!important;transform:scale(calc(.96 + var(--unroll,1) * .04))!important;width:clamp(270px,34vw,460px)!important;max-width:80%!important} #art-commissions .commission-mediums{bottom:10px!important;opacity:var(--reveal-controls,1);text-shadow:0 2px 12px #000} #original-work #art-commissions .commission-copy{position:relative;z-index:5;width:min(460px,calc(100% - 40px));max-width:460px!important;padding:0!important;opacity:var(--reveal-controls,1)!important;transform:translateY(calc((1 - var(--reveal-controls,1)) * 40px))!important} #art-commissions .commission-intro{font-size:14px!important;margin-bottom:14px!important;color:#f0edf2;text-shadow:0 2px 12px #000} /* The V-line field occupies the entire scene, not a bounded illustration. */ #shop.shop-chapter{padding:0!important;max-width:none!important;width:100%!important;overflow:visible!important;--scene-height:max(650px,calc(100svh - 100px))} .shop-scroll-stage{position:relative;isolation:isolate;min-height:var(--scene-height);padding:28px 0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:clip} #shop .shop-scroll-stage>.eyebrow{margin:0 24px 10px!important;position:relative;z-index:2} #shop .shop-folio{position:relative;width:100%!important;max-width:none!important;height:clamp(300px,44svh,480px)!important;margin:0!important;perspective:none!important;translate:none!important;scale:1!important;transform:none!important} #shop .folio-pages,#shop .folio-pages g,#shop .folio-pages path{animation:none!important} #shop .folio-pages{position:absolute;inset:0!important;width:100%!important;max-width:none!important;height:100%!important;transform:none!important;translate:none!important;overflow:visible!important} #shop .folio-pages path{stroke-dasharray:1!important;stroke-dashoffset:clamp(0,calc(1 - var(--reveal-ink,1) * 1.32 + var(--line-order) * .012),1)!important;opacity:.85!important;stroke-width:1} #shop .folio-pages g{transform:none!important} #shop .folio-halo{inset:0!important;opacity:var(--reveal-ink,1);background:radial-gradient(ellipse at 15% 45%,#3899ad44,transparent 55%),radial-gradient(ellipse at 85% 45%,#8967cb44,transparent 55%);animation:none!important} #shop .folio-wordmark{width:clamp(150px,17vw,235px)!important;top:48%!important;opacity:var(--reveal-info,1)!important;translate:-50% -50%!important;transform:scale(calc(.85 + var(--reveal-info,1) * .15))!important;filter:drop-shadow(0 3px 18px #080e1f)!important} #shop .folio-types{bottom:4px!important;opacity:var(--reveal-info,1)!important;font-size:10px;gap:28px;z-index:2} #shop .shop-invitation{position:relative;z-index:2;padding:12px 24px 0!important;margin:0 auto!important;opacity:var(--reveal-info,1)!important;translate:0 calc((1 - var(--reveal-info,1)) * 30px);width:100%;box-sizing:border-box} #shop .shop-invitation>p{font-size:16px!important;margin:10px auto 22px!important} @media(min-height:740px){ .sequence-ready:not(.motion-paused) #shop.shop-chapter{height:calc(var(--scene-height) + 65svh)!important} .sequence-ready:not(.motion-paused) .shop-scroll-stage{position:sticky;top:80px} } @media(max-width:760px){ #work #practice #work-title{font-size:clamp(34px,8.8vw,56px)!important;max-width:95%;gap:0 .18em}#work .studio-discipline{font-size:10px!important} #original-work #art-commissions .commission-original{height:230px!important} #art-commissions .commission-direction{padding:14px 18px;border-radius:20px}.direction-ends{font-size:9px} #shop .folio-types{font-size:8px;gap:18px}#shop .shop-folio{height:330px!important} #shop .shop-actions{gap:10px!important} } .scene-focused{--reveal-controls:1!important;--reveal-info:1!important;--unroll:1!important;--reveal-ink:1!important} @media(prefers-reduced-motion:reduce){ .sequence-ready #original-work #art-commissions.commission-lead,.sequence-ready #shop.shop-chapter{height:auto!important} .commission-scroll-stage,.shop-scroll-stage{position:relative!important;top:0!important} .canvas-roll{display:none} } #art-commissions .commission-wordmark{top:44%!important} #original-work,#shop,.commission-scroll-stage,.shop-scroll-stage{border:0!important} @media(max-width:760px){#shop .folio-pages path{stroke-width:1.7}} #art-commissions .commission-wordmark{position:absolute!important;left:50%!important;top:46%!important;translate:-50% -50%!important;margin:0!important} /* The original pigment and its paper grain remain the material, not a blurred glass panel. */ .canvas-pigment{inset:0;background:linear-gradient(0deg,#111721cc,transparent 50%,#15182455),url('/assets/lab-color-second.jpg') center 56%/cover;transform:scale(calc(1.04 - var(--unroll,1) * .04))} .canvas-pigment::after{background:url('/assets/lab-color.jpg') center/cover;mix-blend-mode:multiply;opacity:.48;transform:translateX(calc((1 - var(--unroll,1)) * 8%))} .canvas-pigment::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,#fff2 0 .45px,transparent .45px 2.5px),repeating-linear-gradient(90deg,#120e181c 0 .5px,transparent .5px 3px);mix-blend-mode:soft-light;opacity:.4} .commission-canvas-surface::after{content:"";position:absolute;inset:0;background:linear-gradient(108deg,transparent 25%,#fff4 45%,transparent 63%);opacity:.28;transform:translateX(calc(-40% + var(--unroll,1) * 75%));mix-blend-mode:soft-light;pointer-events:none} #art-commissions .commission-copy{margin-top:18px!important} #art-commissions .commission-intro{font-size:clamp(16px,1.5vw,20px)!important;line-height:1.65!important;max-width:380px;margin:0 auto 24px!important} #art-commissions .artist-enquiry{width:auto!important;min-width:230px;margin:0 auto!important} .locus-loop circle{transform-origin:44px 44px;animation:locusRingLoop 4.6s cubic-bezier(.2,.65,.25,1) infinite} .locus-loop circle:nth-child(2){animation-delay:.15s}.locus-loop circle:nth-child(3){animation-delay:.26s} .locus-loop .locus-arcs{transform-origin:44px 44px;animation:locusArcLoop 4.6s cubic-bezier(.45,0,.18,1) infinite} .locus-loop path{stroke-dasharray:1;animation:locusTraceLoop 4.6s ease infinite} @keyframes locusRingLoop{0%,100%{transform:scale(.16);opacity:0}25%,76%{transform:scale(1);opacity:1}} @keyframes locusArcLoop{0%{transform:rotate(0)}37%,76%{transform:rotate(360deg)}100%{transform:rotate(0)}} @keyframes locusTraceLoop{0%,100%{stroke-dashoffset:1}10%,76%{stroke-dashoffset:0}} .motion-paused .locus-loop *{animation:none!important} @media(prefers-reduced-motion:reduce){.locus-loop *{animation:none!important}} /* Painted studies sit on the same canvas as the wordmark. */ #original-work #art-commissions.commission-lead { --lab-inset: 64px; --scene-height: calc(100svh - var(--lab-inset)); } #original-work #art-commissions .commission-original {height:clamp(105px,20svh,205px)!important} #art-commissions .commission-scroll-stage {padding:22px 0;gap:4px} #art-commissions .commission-copy .commission-intro {margin-bottom:12px!important} .painting-studies {margin:clamp(14px,2.2svh,24px) auto;color:#faf4eb} .painting-studies .study-heading {font:500 11px/1.4 ArtistSans,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;color:#f2e4d8} .painting-studies ul {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:6px} .painting-studies li {display:grid;justify-items:center;align-content:start;text-align:center} .painting-studies svg {display:block;width:clamp(48px,7vw,76px);height:auto;stroke-width:1.5} .painting-studies strong {font:400 clamp(17px,2vw,22px)/1.3 ArtistSerif,Georgia,serif} .painting-studies li span {font:400 clamp(10px,1.1vw,12px)/1.4 ArtistSans,sans-serif;color:#eee3de} @media(prefers-reduced-motion:no-preference) { .lab-hold:not(.motion-paused) #art-commissions::after {content:"";display:block;position:static;height:110svh;background:none;pointer-events:none} .lab-hold:not(.motion-paused) .commission-scroll-stage {position:sticky;top:var(--lab-inset)} .lab-hold:not(.motion-paused) .study-ink>* {stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--study-phase,1))} .study-scale {--study-phase:var(--study-scale,1)} .study-surface {--study-phase:var(--study-surface,1)} .lab-hold:not(.motion-paused) .study-swatches {opacity:calc(.25 + var(--study-palette,1) * .75);transform:translateX(calc((1 - var(--study-palette,1)) * -8px))} .lab-hold:not(.motion-paused) .canvas-pigment::after {opacity:calc(.30 + var(--study-palette,1) * .52)} .lab-hold:not(.motion-paused) .canvas-pigment::before {opacity:calc(.16 + var(--study-surface,1) * .62)} } #original-work #art-commissions .commission-wordmark { width:auto!important; height:88%!important; max-width:78%!important; object-fit:contain; top:50%!important; } .commission-canvas-surface {background-color:#24212a} .commission-scroll-stage .canvas-pigment {background-image:linear-gradient(0deg,#111721cc,#20172366 50%,#15182455),url('/assets/lab-color-second.jpg')} /* One imprint on painted linen; the choices sit in its lower margin. */ #art-commissions .commission-scroll-stage { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto; align-content:space-between; align-items:start; justify-items:start; padding:clamp(54px,10svh,100px) max(7vw,24px); gap:clamp(48px,12svh,140px); color:#fff9f3; text-align:left; } .lab-imprint,.lab-sheet {position:relative;z-index:2;width:100%} #original-work .lab-imprint h2 { margin:0;max-width:none;color:inherit;text-align:left;font:400 clamp(50px,6.2vw,102px)/.96 ArtistSerif,Georgia,serif; letter-spacing:-.045em;text-transform:none; } .lab-imprint p {max-width:32ch;margin:1.2em 0 0;color:#fff9f3;font:400 clamp(16px,1.35vw,20px)/1.48 ArtistSans,sans-serif} .lab-sheet {display:flex;align-items:flex-end;justify-content:space-between;gap:22px;border-top:1px solid #f8f1e569;padding-top:15px} .lab-sheet .painting-studies {margin:0} .lab-caption,.lab-sheet .painting-studies strong {font:500 13px/1.4 ArtistSans,sans-serif;letter-spacing:.015em} .lab-caption {margin:0 0 10px;color:#f0e4db} .lab-sheet .painting-studies ul {gap:clamp(16px,3vw,52px)} .lab-sheet .painting-studies li {justify-items:start;gap:4px} .lab-sheet .painting-studies svg {width:48px} #art-commissions .lab-sheet .artist-enquiry {margin:0!important;min-width:0;align-self:end} #art-commissions .canvas-pigment {background-image:linear-gradient(90deg,#12151bd4 0%,#17132277 42%,transparent 74%),url('/assets/lab-color-second.jpg')} @media(max-width:620px){ #art-commissions .commission-scroll-stage {padding:clamp(36px,7svh,60px) 24px;gap:48px} .lab-sheet {display:grid;gap:23px;justify-items:start} #original-work .lab-imprint h2 {font-size:clamp(39px,10vw,62px)} } /* A material sample hangs next to the imprint, above the workbench. */ #art-commissions .commission-scroll-stage { grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); grid-template-rows: 1fr auto; align-content:center; align-items:center; gap: clamp(20px,4vw,66px); padding-block:clamp(35px,7svh,84px); } #original-work .lab-imprint h2 img {display:block;width:min(100%,440px);height:auto} .lab-preview {position:relative;z-index:1;margin:0;width:100%;display:grid;justify-items:center;gap:19px} .lab-support { position:relative; width:min(23vw,32svh,350px); aspect-ratio:3/4; filter:drop-shadow(6px 11px 9px #120e1680); transform:translateY(calc((1 - var(--study-scale,1)) * 12px)) rotate(-1deg); transition:filter .35s,rotate .35s; } .lab-art-window {position:absolute;inset:0;overflow:hidden;background:#d9d1be} .lab-art-window img {display:block;width:200%!important;max-width:none!important;height:100%;object-fit:fill} .lab-preview[data-medium="watercolor"] img {transform:translateX(-50%)} .lab-support::before {content:"";position:absolute;inset:2% -2.8% -1.4% 2%;background:linear-gradient(90deg,#312c28,#615448 98%,#2d2927);transform:skewY(1deg)} .lab-preview[data-mount="unstretched"] .lab-support {padding:4%;box-sizing:content-box;background:repeating-linear-gradient(0deg,#c9bdac 0 1px,#d8ccbb 1px 2px);rotate:2.4deg;filter:drop-shadow(1px 2px 2px #110d1155);clip-path:polygon(.5% 1%,23% .6%,55% 1.7%,82% 0,99% 1%,100% 39%,99.4% 71%,99.8% 99%,75% 98.2%,54% 100%,30% 98.8%,0 100%,.7% 68%,0 42%)} .lab-preview[data-mount="unstretched"] .lab-art-window {inset:7%} .lab-preview[data-mount="unstretched"] .lab-support::before {display:none} .lab-preview figcaption {font:400 12px/1.4 ArtistSans,sans-serif;color:#fff9f1;text-align:center;text-shadow:0 1px 4px #30202e} .lab-sheet {grid-column:1/-1} .lab-options {display:flex;align-items:start;flex-wrap:wrap;gap:18px clamp(18px,4vw,64px)} .lab-options fieldset {border:0;margin:0;padding:0;min-width:0;display:flex;gap:6px} .lab-options legend {font:400 12px/1.2 ArtistSans,sans-serif;color:#f4e5da;margin:0 0 3px;padding:0} .lab-options label {position:relative;cursor:pointer} .lab-options input {position:absolute;opacity:0;width:1px;height:1px} .lab-options span {display:inline-flex;align-items:center;min-height:42px;padding:0 8px;border-bottom:2px solid transparent;font:500 15px ArtistSans,sans-serif;color:#e4d8d5} .lab-options input:checked+span {border-color:#fff7ed;color:white} .lab-options input:focus-visible+span {outline:2px solid #fff;outline-offset:2px;border-radius:3px} @media(max-width:690px){ #art-commissions .commission-scroll-stage {grid-template: auto auto auto / minmax(0,1fr);gap:20px;align-content:center;padding-block:28px} #original-work .lab-imprint h2 img {width:clamp(180px,52vw,290px)} .lab-imprint p {margin-top:9px;font-size:15px} .lab-preview {gap:10px} .lab-support {width:clamp(126px,22svh,230px)} .lab-sheet {display:grid;gap:14px} .lab-options {gap:6px 18px} .lab-options span {font-size:13px;padding:0 3px} } @media(prefers-reduced-motion:reduce){.lab-support {transition:none;transform:none}} .motion-paused .lab-support {transition:none;transform:none} /* A single painting held above a moving specimen index. */ .lab-specimen{--pitch:2.35rem;width:min(100%,26rem);display:grid;gap:6px;min-width:0} .lab-inscription{display:flex;align-items:center;gap:1rem;font:500 11px/1.3 ArtistSans,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#faf2e9} .lab-count{font-variant-numeric:tabular-nums;letter-spacing:.05em} .lab-slot{height:calc(2 * var(--pitch));position:relative;overflow:hidden;mask-image:linear-gradient(transparent,#000 31%,#000 69%,transparent)} .lab-reel{margin:0!important;padding:0!important;list-style:none;position:absolute;left:0;top:25%;transform:translate3d(0,calc(-1 * var(--pitch) * var(--travel,0)),0)} .lab-reel li{height:var(--pitch);line-height:var(--pitch);font-family:ArtistSans,sans-serif;font-size:clamp(19px,2.1vw,30px);letter-spacing:-.035em;white-space:nowrap} /* One engraved control keeps the painting visible while choosing a study. */ .study-stepper { display:inline-flex;align-items:center;width:max-content;max-width:100%;border-radius:999px; border:1px solid #eee0cd60;background:linear-gradient(125deg,#4a4148d9,#222632ed 60%,#30373deb); color:#fff9ef;box-shadow:inset 0 1px #fff2; } .study-stepper .lab-count {font:500 12px/1 ArtistSans,sans-serif;font-variant-numeric:tabular-nums;min-width:5ch;text-align:center} .study-stepper button { width:44px;height:44px;border:0;border-radius:50%;padding:0;display:grid;place-items:center; background:transparent;color:inherit;cursor:pointer;touch-action:manipulation; } .study-stepper button svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round} .study-stepper button:hover,.study-stepper button:active {background:#fff2} .study-stepper button:focus-visible {outline:2px solid #f4e5cd;outline-offset:2px} #art-commissions .lab-art-window img{transform:none} .lab-art-window::after{content:"";position:absolute;inset:0;background:url('/assets/lab-material-study.jpg') right center / 200% 100% no-repeat;opacity:var(--wash,0)} .lab-support::after{content:"";position:absolute;inset:-4%;pointer-events:none;border:clamp(5px,.65vw,10px) ridge #a17d5c;box-shadow:inset 0 1px 3px #321e15,2px 4px 4px #21162055;opacity:var(--timber,0)} .lab-support{width:min(25vw,35svh,385px)} #art-commissions .lab-sheet{align-items:center} @media(prefers-reduced-motion:no-preference){ html.lab-hold:not(.motion-paused) #art-commissions::after{height:225svh} html.lab-hold:not(.motion-paused) #art-commissions .commission-scroll-stage{position:sticky!important;top:var(--lab-inset)!important} } @media(max-width:690px){ #art-commissions .commission-scroll-stage{align-content:space-evenly;gap:11px;padding:18px max(22px,6vw)} #art-commissions .lab-sheet{display:flex;align-items:end;gap:8px;flex-wrap:wrap} #original-work .lab-imprint h2 img{width:clamp(170px,54vw,265px)} .lab-specimen{--pitch:1.85rem;width:auto}.lab-slot{min-width:15rem}.lab-reel li{font-size:20px} #art-commissions .lab-sheet .artist-enquiry{font-size:13px;min-height:42px} .lab-support{width:clamp(110px,21svh,200px)} } /* The upright plot lines open into a painted contour on the incoming linen. */ #original-work.commission-chapter {padding-top:0!important} #original-work #art-commissions.commission-lead {border:0!important;box-shadow:none!important;background:transparent!important} .pigment-handoff { --ink-phase:1; height:clamp(88px,13svh,140px); position:relative; pointer-events:none; isolation:isolate; } .pigment-handoff::before { content:"";position:absolute;inset:-20% 0 -54%;z-index:0; background:url('/assets/lab-color-second.jpg') center 45% / cover; mask-image:radial-gradient(ellipse 62% 50% at 65% 69%,#0009,transparent); opacity:calc(.18 + var(--ink-phase) * .65); } .pigment-handoff svg { position:absolute;width:100%;height:132%;left:0;top:0;z-index:1;overflow:visible; transform:translateY(calc((1 - var(--ink-phase)) * -10px)); } .pigment-handoff path { vector-effect:non-scaling-stroke;stroke-width:1;opacity:.72; stroke-dasharray:none; } .pigment-handoff path:nth-child(3n) {stroke-width:1.65;opacity:.46} /* Pigment below the canvas gathers at the spine of the first printed sheet. */ #original-work.commission-chapter {padding-bottom:0!important} .canvas-to-paper { position:relative;z-index:3;isolation:isolate;display:grid;justify-items:center;align-content:start; min-height:clamp(118px,17svh,170px); } .canvas-to-paper::before { content:"";position:absolute;z-index:-1;inset:-58px 0 0;pointer-events:none; background:linear-gradient(90deg,#101722aa,#19152255),url('/assets/lab-color-second.jpg') center bottom / cover; mask-image:linear-gradient(transparent,#0005 34%,transparent 96%); } #original-work .canvas-to-paper .representation-note { position:relative;z-index:1;max-width:46ch;margin:0!important;padding:clamp(14px,2.8svh,26px) 20px 0; color:#d0cad0!important;text-wrap:balance; } .paper-signature {position:absolute;inset:auto 0 0;width:100%;height:100%;pointer-events:none;overflow:visible} .paper-signature path {vector-effect:non-scaling-stroke} .paper-leaves,.turning-leaf {transform-box:view-box;transform-origin:50% 82%} .paper-leaves {opacity:.58;transform:scaleY(calc(.32 + var(--page-opening,1) * .68))} .turning-leaf {opacity:.92;transform:scaleY(calc(.26 + var(--page-opening,1) * .94))} #shop .shop-scroll-stage {justify-content:flex-start;padding-top:clamp(26px,6svh,60px)} @media(max-width:600px) { .canvas-to-paper {min-height:130px} .paper-signature {height:62%} } /* /clarity.css */ /* The house explains the offer; the work supplies the evidence. */ #the-house .house-narrative{max-width:900px;margin-inline:auto} #the-house #house-story-title{font-size:clamp(32px,4.1vw,60px);line-height:1.12;text-wrap:balance} #the-house .house-story-copy{max-width:650px!important;margin-inline:auto;font-size:clamp(16px,1.5vw,20px)!important;line-height:1.75} .house-approach{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px;max-width:680px;margin:34px auto 0;text-align:center} .house-approach p{margin:0;padding-top:18px;border-top:1px solid #c2d5e72b;line-height:1.65} .house-approach strong{display:block;font-size:17px;font-weight:500;color:#f0f0f2;margin-bottom:6px} .house-approach span{display:block;font-size:14px;color:#bac3cf;text-wrap:balance} #work .service-summary,#systems-solutions .service-summary{max-width:720px;margin-inline:auto;text-wrap:balance;line-height:1.7} footer#contact{padding-top:56px!important;padding-bottom:24px!important} footer#contact .contact-title{font-size:clamp(44px,6vw,80px)!important;line-height:1.05!important;margin:18px auto 22px!important} footer#contact .footer-invitation{font-size:clamp(15px,1.4vw,18px);color:#bfc7d3;line-height:1.75;text-wrap:balance;max-width:600px;margin:0 auto 24px;text-align:center} footer#contact .footer-details{margin:0 auto 28px!important} footer#contact .footer-context{margin-top:28px!important;padding-block:24px!important} footer#contact .footer-bottom{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 28px;font-size:12px!important;line-height:1.7;text-align:center;padding-top:22px!important} footer#contact .footer-bottom>a{margin:0!important;min-height:44px;display:inline-flex;align-items:center;gap:8px} footer#contact .footer-legal{margin:0!important;font-size:12px!important} footer#contact .footer-branches a{min-height:44px;display:inline-flex;align-items:center} .form-note a{color:inherit;text-decoration:underline;text-underline-offset:3px} @media(max-width:600px){.house-approach{gap:24px;grid-template-columns:1fr;max-width:320px}.house-approach p{padding-top:14px}footer#contact .footer-bottom{gap:4px 20px}footer#contact .footer-legal{flex-basis:100%;order:-1;margin-bottom:12px!important}footer#contact .footer-invitation br{display:none}footer#contact .email-button{font-size:clamp(12px,3.7vw,16px)!important;max-width:100%;box-sizing:border-box}} /* The identity and introduction share one reading scene. */ #the-house.house-story{height:auto!important;--identity-arrive:0;--identity-settle:0} .house-opening{height:250px;position:relative} #the-house .house-stage{position:relative;top:0;height:250px;min-height:0;max-height:none} #the-house .house-stage .hero-paths{top:60px} #the-house>.house-narrative{position:relative;inset:auto;opacity:1!important;transform:none!important;padding:0 24px 150px;box-sizing:border-box;text-align:center;max-width:1000px;margin-inline:auto} #the-house>.house-narrative h2{max-width:900px!important;font-size:clamp(30px,3.4vw,48px)!important;margin:14px auto 24px} #the-house .house-narrative>.house-identity{position:relative;inset:auto;width:260px;height:205px;margin:0 auto 20px;transform:translateY(calc((1 - var(--identity-settle,1)) * -210px)) scale(calc(.65 + var(--identity-arrive,1) * .9 - var(--identity-settle,1) * .55))!important;opacity:var(--identity-arrive,1)!important;pointer-events:none} #the-house .house-narrative .hyena-lightwork{display:block;width:100%;height:100%;overflow:visible} #the-house>.house-narrative>.eyebrow{display:none} #the-house .house-story-copy p{margin:18px auto;max-width:670px;text-wrap:pretty} #the-house .house-thread{display:none} @media(max-width:760px){.house-opening,#the-house .house-stage{height:300px}#the-house .house-stage .hero-paths{top:32px}#the-house>.house-narrative{padding:0 25px 110px}#the-house .house-narrative>.house-identity{width:225px;height:180px;margin-bottom:22px}#the-house #house-story-title{font-size:30px!important}#the-house .house-story-copy{font-size:16px!important;line-height:1.7}} .motion-paused .house-opening{height:250px} @media(prefers-reduced-motion:reduce){.house-opening{height:250px}} #the-house .house-narrative>.house-identity{z-index:3;will-change:transform;transform-origin:center center} .motion-paused #the-house .house-identity{transform:none!important;opacity:1!important} @media(prefers-reduced-motion:reduce){#the-house .house-narrative>.house-identity{transform:none!important;opacity:1!important}} /* /vertical-galleries.css */ /* One continuous page journey; only the gallery stage rests while its work advances. */ .hero-statement .word-art{font-family:ArtistSerif,Georgia,serif!important;text-transform:uppercase;font-weight:400!important;letter-spacing:-.045em;font-size:.865em;line-height:1;vertical-align:-.01em;display:inline} #art-commissions .commission-intro .commission-thought{display:block;font-family:ArtistSerif,Georgia,serif;font-size:clamp(29px,3.2vw,44px);line-height:1.15;color:#f4f1ec;margin-bottom:16px;text-wrap:balance} .vertical-gallery-hint{display:none} #work.vertical-gallery-active,#systems-solutions.vertical-gallery-active{overflow:visible!important;contain:none!important} .vertical-gallery-active .vertical-gallery-journey{position:relative;width:100%;} .vertical-gallery-active .vertical-gallery-stage{position:sticky;isolation:isolate;} .vertical-gallery-active [data-gallery-track]{overflow-x:hidden!important;scroll-snap-type:none!important;scroll-behavior:auto!important;touch-action:pan-y pinch-zoom;cursor:default!important;} .vertical-gallery-active .gallery-selection{margin:8px auto!important;padding:0 24px!important;min-height:42px;} .vertical-gallery-active .gallery-play{display:none!important} .vertical-gallery-active .vertical-gallery-hint{display:block;text-align:center;color:#9daaba;font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin:10px 0 14px;} .vertical-gallery-active .gallery-current-name{font-size:14px!important;margin:0!important} .vertical-gallery-active .collection-index{margin:8px 0!important} .vertical-gallery-active .gallery-controls{gap:10px!important} .vertical-gallery-active .gallery-selection .gallery-current-name:empty{display:none} /* Bound the pinned composition by the viewport, including mobile browser chrome. */ #work.vertical-gallery-active{--gallery-width:clamp(280px,34vw,470px)} #work.vertical-gallery-active [data-gallery-track]{padding-block:18px!important;} #work.vertical-gallery-active [data-gallery-track]>article{height:clamp(360px,57svh,490px)!important;min-height:0!important;} #systems-solutions.vertical-gallery-active{--gallery-width:clamp(260px,27vw,350px)} #systems-solutions.vertical-gallery-active [data-gallery-track]{padding-block:16px 0!important;} #systems-solutions.vertical-gallery-active [data-gallery-track]>.feature{height:clamp(400px,67svh,590px)!important;min-height:0!important;} @media(max-width:760px){ #work.vertical-gallery-active{--gallery-width:84vw} #systems-solutions.vertical-gallery-active{--gallery-width:76vw} .vertical-gallery-active .gallery-selection{padding:0 20px!important;gap:6px!important;} .vertical-gallery-active .gallery-controls{display:none!important} .vertical-gallery-active .vertical-gallery-hint{margin:8px 0 0;font-size:10px} #work.vertical-gallery-active [data-gallery-track]>article{height:clamp(330px,57svh,465px)!important;} } .vertical-gallery-active .gallery-selection{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:0!important;width:min(600px,100%)!important;box-sizing:border-box;} .vertical-gallery-active .gallery-current-name{order:0;align-self:center!important;text-align:center!important;} .vertical-gallery-active .collection-index{order:1;width:auto!important;flex:none!important;justify-content:center!important;} .vertical-gallery-active .gallery-controls{display:none!important} @media(min-height:560px) and (max-height:760px){ #systems-solutions.vertical-gallery-active [data-gallery-track]>.feature{height:420px!important;} #systems-solutions.vertical-gallery-active .feature-scene{height:260px!important;} #systems-solutions.vertical-gallery-active .feature-caption{top:275px!important;padding:10px 14px 0!important;font-size:13px!important;line-height:1.5!important;} #systems-solutions.vertical-gallery-active .feature-caption p{font-size:13px!important;line-height:1.5!important;} } /* Keep the optical surfaces at their native 3:4 ratio even on short phones. */ #systems-solutions.vertical-gallery-active{--gallery-width:min(350px,27vw,calc((100svh - 350px) * .75))} #systems-solutions.vertical-gallery-active [data-gallery-track]>.feature{height:calc(var(--gallery-width) * 4 / 3 + 135px)!important;} #systems-solutions.vertical-gallery-active .feature .feature-scene{height:auto!important;aspect-ratio:3/4!important;} #systems-solutions.vertical-gallery-active .feature .feature-caption{top:calc(var(--gallery-width) * 4 / 3 + 12px)!important;} @media(max-width:760px){#systems-solutions.vertical-gallery-active{--gallery-width:min(76vw,calc((100svh - 350px) * .75))}} /* Optical cap-height matching: Kufam, Italiana and Doto share a visible height. */ .hero-statement .word-technology{font-size:.935em;vertical-align:-.033em;line-height:1} .hero-statement .hero-join{display:inline!important;font-size:.84em;line-height:1;vertical-align:baseline} .practice-link{color:inherit;text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:.23em}