/* Motion / editorial refinement preview. Brand assets and copy retained. */
:root{--paper:#fafaf7;--line:#d8dbd5}body{background:var(--paper)}header{background:rgba(250,250,247,.95);margin:0;padding:0 5%;height:100px;border-bottom:1px solid var(--line)}.brand img{width:68px;height:68px}.hero{min-height:calc(100svh - 100px);padding-top:28px}.hero-topline{border:0}.hero-title{padding:88px 0 112px}.hero h1{font-weight:600;letter-spacing:-.075em;font-size:clamp(46px,6.7vw,112px)}.hero-ring{width:min(58vw,830px);right:-9%;opacity:.94;animation:hue-arrive 1.7s cubic-bezier(.2,.7,.2,1) both}.headline-row{animation:line-arrive 1.1s cubic-bezier(.2,.7,.2,1) both}.headline-offset{animation-delay:.18s}.hero-bottom{padding-bottom:45px}.hero-index{font-size:10px;letter-spacing:.17em}.manifesto{padding-top:160px;padding-bottom:160px}.about-mark{max-width:280px}.body-copy{margin-left:0;max-width:470px}.large-copy{font-size:clamp(34px,4.1vw,62px);line-height:1.65}.people{background:#151b1a;padding-top:90px}.display-word{font-size:clamp(90px,15vw,210px);font-weight:400;letter-spacing:-.08em}.person-image{border-radius:2px}.person-image img{aspect-ratio:4/5;object-fit:cover;object-position:center 22%;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.person-image:hover img{transform:scale(1.045)}.person-copy h3{font-size:clamp(32px,4vw,56px)}.english-name{font-size:11px;letter-spacing:.22em}.person-rule{height:1px;margin:40px 0}.what{padding-top:140px;padding-bottom:140px}.office-facts>div{padding:28px 0}.contact{padding-top:70px}.contact h2{font-size:clamp(64px,12vw,170px);line-height:1.1;font-weight:400;letter-spacing:-.06em}.hue-contact-cta{font-size:20px;max-width:720px;padding:30px 0}.contact-ring{opacity:.16}.text-link span{transition:transform .3s}.text-link:hover span{transform:translate(5px,-5px)}.motion-progress{position:fixed;inset:0 auto auto 0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#ffba00,#ff3366,#ae28ff,#176fff,#15c6b5,#80dc35);z-index:999;pointer-events:none}.motion-ready .motion-reveal{opacity:0;transform:translateY(32px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.motion-ready .motion-reveal.is-visible{opacity:1;transform:none}.talent-hero{overflow:hidden}.talent-portrait{transform:scale(var(--portrait-scale,1));transform-origin:50% 30%;transition:none}.portrait-grid{display:flex!important;overflow-x:auto;gap:24px;scroll-snap-type:x mandatory;padding:12px 0 28px}.portrait-grid figure{flex:0 0 min(42vw,520px);min-width:0;scroll-snap-align:start;margin:0}.portrait-grid figure{flex-basis:min(42vw,520px)}.portrait-grid img{width:100%;height: min(65vw,650px);object-fit:cover}.gallery-controls{display:flex;justify-content:flex-end;gap:12px;margin:20px 0}.gallery-controls button{background:transparent;border:1px solid currentColor;border-radius:50%;width:52px;height:52px;color:inherit;cursor:pointer}.gallery-controls button:hover{background:#c1f766;color:#191c1d}.hue-contact-page h1{font-weight:500}.preview-notice{font-size:12px;color:#c1f766}@keyframes line-arrive{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes hue-arrive{from{clip-path:circle(0% at 50% 50%)}to{clip-path:circle(75% at 50% 50%)}}@media(max-width:760px){header{height:84px}.brand img{width:60px;height:60px}.hero{min-height:calc(90svh - 84px)}.hero h1{font-size:clamp(28px,7.8vw,56px)}.hero-title{padding:95px 0}.hero-ring{width:86vw;right:-42%}.manifesto{padding:80px 7%}.about-mark{max-width:165px}.large-copy{font-size:clamp(27px,7vw,40px)}.people{padding-top:60px}.what{padding:80px 7%}.portrait-grid figure{flex-basis:82vw}.portrait-grid img{height:110vw;max-height:620px}.hue-contact-cta{font-size:16px}.hero-bottom p{font-size:13px}.contact h2{font-size:20vw}}@media(prefers-reduced-motion:reduce){.motion-ready .motion-reveal{opacity:1;transform:none}.talent-portrait{transform:none}.hero-ring,.headline-row{animation:none}.portrait-grid{scroll-behavior:auto}}
.gallery-controls .gallery-autoplay{width:auto;min-width:100px;border-radius:30px;padding:0 18px;font-size:13px}.portrait-grid.is-autoplay{scroll-snap-type:none}.portrait-grid.is-autoplay img{user-select:none;-webkit-user-drag:none}
.gallery-controls{display:none}.portrait-grid{cursor:grab;touch-action:pan-x pan-y;scrollbar-width:none}.portrait-grid::-webkit-scrollbar{display:none}.portrait-grid.is-dragging{cursor:grabbing}.portrait-grid img{pointer-events:none;user-select:none}.hue-slideshow{position:relative;overflow:hidden;aspect-ratio:840/1188;width:100%;max-height:760px}.hue-slideshow>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;opacity:0;transition:opacity 1.3s ease!important}.hue-slideshow>img.slide-current{opacity:1}.person-image .hue-slideshow{aspect-ratio:4/5}.person-image .hue-slideshow>img{height:100%;aspect-ratio:auto}.talent-cover>.hue-slideshow{align-self:stretch}@media(prefers-reduced-motion:reduce){.hue-slideshow>img{transition:none!important}}
/* Arrow navigation replaces mouse dragging. */
.gallery-shell{position:relative}.portrait-grid,.portrait-grid.is-dragging{cursor:auto}.gallery-arrow{position:absolute;top:45%;z-index:2;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(25,28,29,.72);color:#fff;font-size:23px;line-height:1;cursor:pointer;transition:background .2s,transform .2s}.gallery-prev{left:14px}.gallery-next{right:14px}.gallery-arrow:hover{background:#191c1d;transform:scale(1.06)}.gallery-arrow:focus-visible{outline:3px solid #c1f766;outline-offset:4px}@media(max-width:760px){.gallery-arrow{width:40px;height:40px;font-size:20px}.gallery-prev{left:8px}.gallery-next{right:8px}}
/* Quiet gallery controls: minimal chevrons, generous hit targets. */
.gallery-arrow{width:48px;height:56px;border:0;border-radius:0;background:transparent;color:white;font-size:0;opacity:.65;transition:opacity .2s;filter:drop-shadow(0 1px 3px rgba(0,0,0,.55))}.gallery-arrow::before{content:'';width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}.gallery-prev::before{transform:rotate(-135deg)}.gallery-arrow:hover{background:transparent;transform:none;opacity:1}.gallery-arrow:focus-visible{opacity:1;outline:2px solid white;outline-offset:-6px}.gallery-prev{left:2px}.gallery-next{right:2px}@media(max-width:760px){.gallery-arrow{width:44px;height:52px;font-size:0}.gallery-prev{left:0}.gallery-next{right:0}.gallery-arrow::before{width:8px;height:8px}}
/* Taller, narrow chevrons; retain the quiet treatment and hit area. */
.gallery-arrow::before{width:10px;height:30px;border:0;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%,0 88%,76% 50%,0 12%);transform:none}.gallery-prev::before{transform:scaleX(-1)}@media(max-width:760px){.gallery-arrow::before{width:9px;height:26px}}
/* Subtle outline around the tall chevron controls. */
.gallery-arrow{width:44px;height:64px;border:1px solid rgba(255,255,255,.4);border-radius:4px;background:transparent;opacity:.75;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transition:opacity .2s,border-color .2s}.gallery-arrow:hover{background:transparent;border-color:rgba(255,255,255,.8);opacity:1}.gallery-prev{left:12px}.gallery-next{right:12px}@media(max-width:760px){.gallery-arrow{width:44px;height:58px}.gallery-prev{left:8px}.gallery-next{right:8px}}
/* Slim centered outline: padding reset avoids native button offsets. */
.gallery-arrow{width:30px;height:84px;padding:0;box-sizing:border-box;display:grid;place-items:center;top:50%;transform:translateY(-50%);border-radius:3px;line-height:0}.gallery-arrow:hover{transform:translateY(-50%)}.gallery-arrow::before{display:block;margin:0;width:9px;height:30px;clip-path:polygon(0 0,100% 50%,0 100%,0 88%,76% 50%,0 12%)}@media(max-width:760px){.gallery-arrow{width:28px;height:74px;padding:0}.gallery-arrow::before{width:8px;height:28px}}
/* Align each chevron's bounding-box center exactly with its frame center. */
.gallery-arrow{display:block;position:absolute;padding:0;appearance:none;-webkit-appearance:none}.gallery-arrow::before{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%)}.gallery-prev::before{transform:translate(-50%,-50%) scaleX(-1)}
/* Uniform gallery rhythm; asymmetric composition remains outside the gallery. */
.portrait-grid{align-items:start}.portrait-grid>figure,.portrait-grid>figure:nth-child(2n),.portrait-grid>figure:last-child{padding:0;margin:0;width:auto;grid-column:auto;align-self:start}.portrait-grid>figure>img{display:block;width:100%;height:min(65vw,650px);object-fit:cover}.portrait-grid>figure>figcaption{min-height:20px;margin-top:17px}@media(max-width:760px){.portrait-grid>figure>img{height:110vw;max-height:620px}}

/* Approved brand copy, September 2026. */
.contact h2.hue-contact-copy{font-size:clamp(30px,5.5vw,76px);letter-spacing:-.04em;line-height:1.5}.hue-contact-intro{font-size:16px;line-height:2;margin:24px 0 36px;position:relative;max-width:800px}.hero-bottom p{max-width:680px;line-height:1.9}.hue-contact-page-heading h1{font-size:clamp(32px,5vw,68px);line-height:1.5}@media(max-width:760px){.hero-bottom p{font-size:13px}.hue-contact-intro{font-size:14px}.contact h2.hue-contact-copy{font-size:clamp(25px,6.7vw,42px)}}