/* Asymmetric editorial layouts and progressive motion. */
html{scroll-behavior:smooth}body{overflow-x:clip}.scroll-progress{position:fixed;left:0;top:0;width:100%;height:3px;background:var(--gold,#d4af37);transform:scaleX(0);transform-origin:left;z-index:1000;pointer-events:none}.section{padding-top:140px;padding-bottom:140px}.hero{position:relative;padding-top:45px;padding-bottom:48px}.hero-top{margin-bottom:64px}.hero-title{font-size:clamp(70px,9.8vw,154px);line-height:1.02;letter-spacing:-.025em;position:relative;z-index:2;margin-bottom:0;pointer-events:none}.hero-title>span{display:block}.hero-title .thought{margin-left:17%}.hero-title .final-line{font-size:.64em;margin-left:43%;margin-top:20px}.hero-composition{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-top:50px;align-items:start}.hero-copy{grid-column:1/4;grid-row:1;padding-top:82px}.hero-copy p{font-size:20px;max-width:240px;line-height:1.5}.hero-actions{gap:22px}.hero-actions .text-link{font-size:16px}.reel-frame{grid-column:5/13;grid-row:1;transform:rotate(-3deg);aspect-ratio:1.9;position:relative;overflow:hidden}.reel-frame img{height:100%;width:100%;object-fit:cover}.frame-label{background:linear-gradient(transparent,#0009);font-size:14px}.side-frame{grid-column:3/7;grid-row:2;margin-top:-75px;transform:rotate(5deg);position:relative;z-index:3;aspect-ratio:auto;align-self:auto}.side-frame img{aspect-ratio:1.6;object-fit:cover;width:100%;height:auto}.frame-caption{background:#3e3e3e;color:#fff;padding:14px;font-size:14px}.hero-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:75px}.hero-bottom a{white-space:nowrap}.indent{display:inline-block;margin-left:1.1em}.section-head{align-items:end;margin-bottom:95px}.section-head h2{font-size:clamp(48px,6.3vw,94px);line-height:1.12}.section-head>p{max-width:230px}.home-work{position:relative;clip-path:polygon(0 35px,100% 0,100% 100%,0 100%)}.home-work .work-grid,.route-work .work-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:95px 30px;align-items:start}.home-work .work-card:nth-child(4n+1),.route-work .work-card:nth-child(4n+1){grid-column:1/8}.home-work .work-card:nth-child(4n+2),.route-work .work-card:nth-child(4n+2){grid-column:9/13;margin-top:145px}.home-work .work-card:nth-child(4n+3),.route-work .work-card:nth-child(4n+3){grid-column:2/6;margin-top:0}.home-work .work-card:nth-child(4n),.route-work .work-card:nth-child(4n){grid-column:7/13;margin-top:100px}.home-work .work-card:nth-child(4n+2) .visual,.home-work .work-card:nth-child(4n+3) .visual{aspect-ratio:1}.work-card h3{font-size:clamp(24px,2.5vw,40px);line-height:1.15}.work-card .visual{overflow:hidden}.work-card .visual img{height:110%;max-height:none;object-fit:cover;transform:translateY(var(--image-shift,-4%)) scale(1.01);transition:transform .65s cubic-bezier(.2,.7,.2,1)}.work-card a:hover .visual img{transform:translateY(var(--image-shift,-4%)) scale(1.06)}
.motion-story{height:200vh;position:relative;background:#292929}.story-sticky{position:sticky;top:0;height:100svh;min-height:650px;max-height:1100px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding-top:55px;padding-bottom:45px}.story-top{display:flex;justify-content:space-between;gap:20px;z-index:2}.story-title{font-size:clamp(80px,12vw,180px);line-height:.98;margin:30px 0;z-index:2;letter-spacing:-.015em}.story-title>span{display:inline-block}.story-title>span:nth-of-type(1){margin-left:1em;transform:translateX(var(--word-shift,0px))}.story-title>span:nth-of-type(2){margin-left:.35em}.story-art{position:absolute;right:6%;top:20%;width:42%;aspect-ratio:1;transform:rotate(var(--ring-turn,0deg));pointer-events:none}.story-ring{position:absolute;inset:0;border:2px solid #b5bac0;border-radius:50%;transform:scaleX(.58) rotate(-35deg)}.ring-two{transform:scaleY(.58) rotate(-35deg);border-color:#d4af37}.story-cross{position:absolute;inset:0;display:grid;place-items:center;font:180px/1 Barlow;color:#d4af37}.story-notes{position:absolute;right:0;bottom:145px;max-width:300px;z-index:2}.story-notes p{font-size:24px;margin-bottom:30px}.story-track{display:flex;position:relative;justify-content:space-between;gap:14px;padding-bottom:20px;font:16px 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.07em;z-index:2;border-bottom:1px solid #777}.story-track i{position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:#d4af37;transform:scaleX(var(--story-progress,0));transform-origin:left}.story-track span{opacity:.45;transition:opacity .3s}.story-track span.active{opacity:1;color:#d4af37}
.beyond{padding-top:160px;padding-bottom:180px}.service-constellation{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:30px;align-items:start}.service-tile{position:relative;min-height:280px;padding:30px 28px 26px;border-top:1px solid #737578;display:flex;flex-direction:column;align-items:flex-start;transition:background .3s,color .3s;grid-column:span 4}.service-num{color:#b5bac0;font-size:14px}.service-icon{width:78px;height:78px;margin:28px 0 38px;transition:transform .6s cubic-bezier(.2,.8,.2,1);color:#d4af37}.service-tile h3{font-size:29px;line-height:1.15;max-width:245px;margin-bottom:12px}.tile-tag{font-size:16px;color:#b5bac0}.tile-arrow{position:absolute;right:24px;top:24px;font-size:26px}.service-tile:hover,.service-tile:focus-visible{background:#3e3e3e}.service-tile:hover .service-icon,.service-tile:focus-visible .service-icon{transform:rotate(-12deg) scale(1.15)}.tile-0{grid-column:1/6;background:#e7e8e9;color:#292929;min-height:430px;padding:34px}.tile-0 .service-icon{width:132px;height:132px;color:#292929;margin:38px 0}.tile-0 .service-num,.tile-0 .tile-tag{color:#515357}.tile-0 h3{font-size:40px;max-width:300px}.tile-0:hover,.tile-0:focus-visible{background:#d1d3d5}.tile-1{grid-column:7/10;margin-top:115px}.tile-2{grid-column:10/13;margin-top:210px}.tile-3{grid-column:2/6;margin-top:25px}.tile-4{grid-column:7/10;margin-top:100px}.tile-5{grid-column:10/13;margin-top:180px}.tile-6{grid-column:1/5;margin-top:0}.tile-7{grid-column:6/10;margin-top:80px}.services-stage{padding-top:0}.route-services>.shell{}.route-services .page-head>p:last-child{max-width:400px;margin-left:50%}.page-head h1{max-width:1000px}.route-services .page-head h1{max-width:800px}.about-note{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px}.about-note>.label{grid-column:1/-1}.about-note h2{grid-column:1/10;font-size:clamp(60px,7.8vw,120px);line-height:1.08}.about-note>div{grid-column:9/13;margin-top:0}.about-note p{margin-bottom:25px}.full-cta{padding-top:150px;padding-bottom:150px}.full-cta h2{margin-left:10%;font-size:clamp(58px,8vw,120px)}.full-cta>.button{margin-left:65%}.article-grid{align-items:start}.article-card:nth-child(2){margin-top:65px}.article-card:nth-child(3){margin-top:125px}.contact-hero{position:relative;padding-top:45px;padding-bottom:95px}.contact-hero>.label{margin-top:50px}.contact-hero h1{font-size:clamp(100px,16vw,245px);line-height:1.03;margin-top:50px;letter-spacing:-.02em}.contact-hero h1>span{margin-left:19%}.contact-line{font-size:clamp(22px,2.7vw,40px);margin-left:57%;margin-top:25px;line-height:1.25}.contact-orbit{position:absolute;right:7%;top:30%;width:160px;height:160px;border:1px solid #b5bac0;border-radius:50%;font-size:90px;display:grid;place-items:center;color:#d4af37;transform:rotate(var(--contact-turn,0deg))}.contact-grid{grid-template-columns:1.25fr 1fr;gap:12%;padding-bottom:150px}.contact-details a{font-size:clamp(19px,2.4vw,34px)}.contact-brief{padding-top:100px}.contact-brief h2{font-size:48px}.contact-brief p{margin:25px 0}.contact-brief .button{margin-bottom:8px}
@media(prefers-reduced-motion:no-preference){.motion-ready [data-reveal]{opacity:0;transform:translateY(44px);transition:opacity .85s ease,transform .95s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready [data-reveal].in-view{opacity:1;transform:translateY(0)}.hero-title>span{animation:headline-in 1s cubic-bezier(.2,.7,.2,1) both}.hero-title>span:nth-child(2){animation-delay:.12s}.hero-title>span:nth-child(3){animation-delay:.24s}.motion-ready .reel-frame{transform:translateY(var(--drift,0px)) rotate(calc(-3deg + var(--tilt,0deg)))}.motion-ready .side-frame{transform:translateY(var(--drift,0px)) rotate(5deg)}@keyframes headline-in{from{opacity:0;transform:translateY(45px);clip-path:inset(100% 0 0 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}@view-transition{navigation:auto}::view-transition-old(root){animation:page-out .3s ease both}::view-transition-new(root){animation:page-in .5s ease both}@keyframes page-out{to{opacity:0;transform:translateY(-20px)}}@keyframes page-in{from{opacity:0;transform:translateY(25px)}}}
@media(min-width:1500px){.hero-title{font-size:154px}}
@media(max-width:900px){.section{padding-top:95px;padding-bottom:95px}.hero-title{font-size:11vw}.hero-title .final-line{margin-left:35%}.hero-composition{gap:18px}.hero-copy{grid-column:1/5;padding-top:20px}.hero-copy p{font-size:17px}.reel-frame{grid-column:5/13;aspect-ratio:1.3}.side-frame{grid-column:4/9;margin-top:-30px}.service-constellation{gap:24px}.service-tile{grid-column:span 6!important;margin-top:0;min-height:320px;padding:25px}.service-tile:nth-child(even){margin-top:80px}.tile-0{min-height:400px}.story-notes{right:0;max-width:220px;bottom:120px}.story-art{right:0;top:27%;width:52%}.about-note>div{grid-column:6/13}.contact-orbit{width:110px;height:110px;font-size:65px}.contact-grid{gap:6%}.contact-details a{font-size:20px}.contact-brief h2{font-size:35px}}
@media(max-width:600px){.hero{padding-top:20px}.hero-top{margin-bottom:42px;display:block}.hero-top p+p{margin-top:12px}.hero-title{font-size:17vw;line-height:1.05}.hero-title .thought{margin-left:14%}.hero-title .final-line{font-size:.67em;margin-left:15%;margin-top:15px}.hero-composition{margin-top:35px;gap:20px;grid-template-columns:repeat(6,minmax(0,1fr))}.hero-copy{grid-column:1/6;grid-row:3;padding-top:5px}.hero-copy p{max-width:none;font-size:19px}.hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:20px;margin-top:20px}.reel-frame{grid-column:1/7;grid-row:1;aspect-ratio:1.65}.side-frame{grid-column:3/7;grid-row:2;margin-top:-35px}.frame-caption{padding:12px;font-size:13px}.frame-label{font-size:13px}.hero-bottom{margin-top:48px;align-items:end}.hero-bottom .label{font-size:13px;max-width:140px}.section{padding-top:80px;padding-bottom:80px}.section-head{gap:30px;margin-bottom:50px}.section-head h2{font-size:12vw}.indent{margin-left:.5em}.home-work .work-grid,.route-work .work-grid{gap:55px 18px;grid-template-columns:repeat(6,minmax(0,1fr))}.home-work .work-card:nth-child(4n+1),.route-work .work-card:nth-child(4n+1){grid-column:1/7}.home-work .work-card:nth-child(4n+2),.route-work .work-card:nth-child(4n+2){grid-column:2/7;margin-top:0}.home-work .work-card:nth-child(4n+3),.route-work .work-card:nth-child(4n+3){grid-column:1/6}.home-work .work-card:nth-child(4n),.route-work .work-card:nth-child(4n){grid-column:2/7;margin-top:0}.work-card h3{font-size:27px}.work-card p{font-size:16px}.story-sticky{min-height:610px;max-height:900px;padding-top:35px;padding-bottom:35px}.story-top{display:block}.story-top>span{display:block;margin-top:10px;font-size:13px}.story-title{font-size:24vw;margin-top:-60px}.story-art{width:72%;right:-18%;top:30%;opacity:.55}.story-cross{font-size:100px}.story-notes{bottom:110px;right:0;max-width:70%}.story-notes p{font-size:20px;margin-bottom:15px}.story-track{font-size:13px;letter-spacing:0}.service-constellation{gap:20px 14px}.service-tile{grid-column:span 6!important;min-height:250px;padding:22px 18px}.service-tile:nth-child(even){margin-top:45px}.service-tile h3{font-size:23px;overflow-wrap:normal}.service-icon{width:58px;height:58px;margin:25px 0}.tile-tag{font-size:15px;line-height:1.35}.tile-0{grid-column:1/-1!important;min-height:290px;margin-right:13%}.tile-0 .service-icon{width:90px;height:90px;margin:30px 0}.tile-0 h3{font-size:36px}.tile-1{grid-column:1/7!important}.tile-2{grid-column:7/13!important}.tile-7{grid-column:5/13!important}.service-tile .tile-arrow{right:15px;font-size:21px}.route-services .page-head>p:last-child{margin-left:15%;max-width:none}.about-note{gap:25px}.about-note h2{grid-column:1/-1;font-size:14vw}.about-note>div{grid-column:3/13}.full-cta h2{font-size:13vw;margin-left:0}.full-cta>.button{margin-left:28%}.article-card:nth-child(2),.article-card:nth-child(3){margin-top:0}.contact-hero{padding-bottom:75px}.contact-hero h1{font-size:24vw;margin-top:40px}.contact-hero>.label{margin-top:30px}.contact-line{margin-left:18%;margin-top:38px;font-size:25px}.contact-orbit{top:28%;right:3%;width:65px;height:65px;font-size:40px}.contact-grid{display:block;padding-top:0}.contact-details a{font-size:22px;overflow-wrap:anywhere}.contact-brief{padding-top:75px;margin-left:14%}.contact-brief h2{font-size:42px}.contact-brief p{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-story{height:auto}.story-sticky{position:relative;height:auto;min-height:760px}.story-title{margin-top:45px;margin-bottom:220px}.story-track span{opacity:1}.story-track i{display:none}.story-art,.story-title>span,.contact-orbit,.reel-frame,.side-frame{transform:none!important}*,*::before,*::after{animation:none!important;transition:none!important}.scroll-progress{display:none}}
@media(max-width:600px){.side-frame{display:block}.hero-top p+p{display:block}}
/* Final portfolio and service palette refinement. */
.service-tile{background:#e7e8e9;color:#292929;border-top-color:#d1d3d5}
.service-tile .service-icon{color:#292929}
.service-tile .service-num,.service-tile .tile-tag{color:#515357}
.service-tile:hover,.service-tile:focus-visible{background:#d1d3d5;color:#292929}
.beyond{position:relative;isolation:isolate}
.beyond::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:url('/media/dawn-2.webp') center/cover no-repeat;filter:grayscale(1);opacity:.09;z-index:-1;pointer-events:none}
.home-work .podcast-card .visual,.podcast-card .visual{aspect-ratio:16/9}
.work-card.podcast-card .visual img,.work-card.podcast-card a:hover .visual img{height:100%;transform:none;object-fit:contain}
.home-work .samsung-alt .visual{aspect-ratio:1.4!important}
.home-work .samsung-alt .visual img{object-position:52% center}