:root{--ink:#161514;--paper:var(--foxglow-paper);--orange:var(--foxglow-orange);--cyan:var(--foxglow-cyan);--line:rgba(22,21,20,.28);--gutter:clamp(22px,4.6vw,88px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:clip}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin:0}::selection{background:var(--orange);color:#111}a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.skip-link{position:fixed;left:16px;top:-90px;z-index:1000;padding:14px 20px;background:var(--ink);color:var(--paper)}.skip-link:focus{top:16px}.section-pad{padding-left:var(--gutter);padding-right:var(--gutter)}.eyebrow,.section-kicker,.section-no,.hero-foot,.strip-footer,.contact-top,.contact-bottom,.site-footer,.concept-label{font-size:11px;font-weight:800;letter-spacing:.13em;line-height:1.35}.section-kicker{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--ink);padding-top:15px}.display-title{font-weight:900;font-size:clamp(48px,7.3vw,132px);letter-spacing:-.087em;line-height:.9}.display-title em{font-style:normal;color:var(--orange)}.orange-stop{color:var(--orange)}
.site-header{height:74px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--ink);position:relative;z-index:10;background:var(--paper)}.site-name{font-size:18px;font-weight:900;letter-spacing:-.07em;white-space:nowrap}.site-name span{font-weight:500;letter-spacing:-.03em}.site-nav{display:flex;align-items:center;gap:clamp(18px,3.6vw,62px);font-size:12px;font-weight:700}.site-nav a{position:relative;padding:12px 0;white-space:nowrap}.site-nav a::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}.site-nav a:hover::after,.site-nav a:focus-visible::after{transform:scaleX(1)}.site-nav span{display:inline-block;transition:transform .3s var(--ease)}.site-nav a:hover span{transform:translate(3px,-3px)}
.hero{padding-top:28px}.hero-topline,.hero-foot{display:flex;justify-content:space-between;gap:16px}.hero-copy{min-height:clamp(400px,38vw,520px);display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,255px);align-items:end;gap:30px;padding:clamp(45px,7vw,110px) 0 clamp(40px,4.5vw,72px)}.hero-title{font-size:clamp(56px,8.5vw,158px);font-weight:900;line-height:.89;letter-spacing:-.09em;text-wrap:nowrap}.hero-outline{color:transparent;-webkit-text-stroke:2px var(--ink);text-stroke:2px var(--ink)}.reactive-word{display:inline-block;transform:translate3d(var(--rx,0px),var(--ry,0px),0);transition:transform .28s var(--ease);will-change:transform}.hero-aside{padding-bottom:12px}.hero-aside p{font-size:clamp(18px,1.75vw,26px);font-weight:600;line-height:1.18;letter-spacing:-.035em;max-width:230px;margin-bottom:34px}.action-link{min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;border-bottom:2px solid var(--ink);font-size:12px;font-weight:900;letter-spacing:.08em;position:relative;isolation:isolate}.action-link::before{content:"";position:absolute;inset:0;background:var(--orange);transform:scaleY(0);transform-origin:bottom;transition:transform .42s var(--ease);z-index:-1}.action-link:hover::before,.action-link:focus-visible::before{transform:scaleY(1)}.action-link span:first-child{transition:transform .35s var(--ease)}.action-link:hover span:first-child{transform:translateX(8px)}.action-arrow{font-size:22px;transition:transform .4s var(--ease)}.action-link:hover .action-arrow{transform:translate(5px,-5px)}.banner-wrap{overflow:hidden;border:1px solid var(--ink);background:#ddd0bf}.banner-wrap img{width:100%;height:auto}.hero-foot{padding:18px 0 22px;border-bottom:1px solid var(--ink)}
.services{padding-top:clamp(80px,11vw,170px);padding-bottom:clamp(95px,13vw,205px)}.service-intro{display:grid;grid-template-columns:1.7fr .55fr;align-items:end;gap:7vw;margin:clamp(50px,7vw,100px) 0 clamp(70px,8vw,125px)}.service-intro p{font-size:clamp(19px,2vw,29px);line-height:1.18;letter-spacing:-.04em;padding-bottom:7px}.service-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}.service-list li{display:grid;grid-template-columns:50px minmax(0,1fr) minmax(170px,270px) 30px;align-items:center;gap:20px;min-height:112px;border-bottom:1px solid var(--ink);position:relative;overflow:hidden}.service-list li::before{content:"";position:absolute;inset:0;background:var(--orange);transform:translateY(101%);transition:transform .45s var(--ease);z-index:-1}.service-list li:hover::before{transform:translateY(0)}.service-list li>span:first-child,.service-note{font-size:11px;font-weight:800;letter-spacing:.06em}.service-list h3{font-size:clamp(31px,4.2vw,64px);font-weight:900;letter-spacing:-.07em;line-height:1;transition:transform .5s var(--ease)}.service-list li:hover h3{transform:translateX(10px)}.service-list li>span:last-child{font-size:27px;transition:transform .4s var(--ease)}.service-list li:hover>span:last-child{transform:translate(4px,-4px)}
.work{background:#1a1918;color:var(--paper);padding-top:clamp(80px,10vw,150px);padding-bottom:clamp(85px,11vw,165px)}.work .section-kicker{border-color:var(--paper)}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:clamp(50px,6vw,90px) 0 clamp(55px,7vw,100px)}.work-heading p{max-width:225px;font-size:18px;line-height:1.2}.work-grid{display:grid;grid-template-columns:1.15fr .85fr;column-gap:clamp(28px,7vw,130px);row-gap:clamp(85px,9vw,150px)}.project{min-width:0}.project-feature{grid-column:1;grid-row:1 / span 2}.project-feature .project-visual{height:clamp(650px,88vw,1190px)}.project-pop{grid-column:2;grid-row:1;margin-top:11vw}.project-pop .project-visual{height:clamp(360px,45vw,590px)}.project-lion{grid-column:2;grid-row:2}.project-lion .project-visual{height:clamp(390px,48vw,630px)}.project-landscape{grid-column:1 / -1;grid-row:3;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:4vw;margin-top:20px}.project-landscape .project-visual{height:clamp(360px,50vw,610px)}.project-landscape .project-meta{border-top:1px solid var(--paper);padding-top:20px;padding-bottom:20px}.project-visual{position:relative;overflow:hidden;background:#252321;border:1px solid rgba(255,255,255,.18)}.project-visual img,.shop-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.025) translate(var(--pan-x,0px),var(--pan-y,0px));transition:transform .8s var(--ease),filter .6s var(--ease);filter:saturate(.94)}.project:hover .project-visual img,.shop-image:hover img{transform:scale(1.07) translate(var(--pan-x,0px),var(--pan-y,0px));filter:saturate(1.07)}.th-visual img{object-position:50% 38%}.pop-visual img{object-position:50% 12%}.lion-visual img{object-position:50% 43%}.landscape-visual img{object-position:50% 55%}.project-index{position:absolute;left:16px;top:16px;background:var(--paper);color:var(--ink);font-size:10px;font-weight:900;letter-spacing:.11em;padding:10px 12px;transform:translateY(-150%);transition:transform .5s var(--ease)}.project:hover .project-index,.project:focus-within .project-index{transform:translateY(0)}.project-meta{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-top:17px}.project-meta h3{font-size:clamp(21px,2.1vw,34px);letter-spacing:-.055em}.project-meta p{font-size:11px;font-weight:800;letter-spacing:.05em;text-align:right;text-transform:uppercase}.project-visual::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:5px;background:var(--orange);transform:scaleX(0);transform-origin:var(--origin,left);transition:transform .55s var(--ease)}.project:hover .project-visual::after{transform:scaleX(1)}
.creative{background:var(--paper);position:relative}.creative-sticky{min-height:860px;display:flex;flex-direction:column;overflow:hidden}.creative-head{padding-top:clamp(65px,8vw,125px)}.creative-head .display-title{font-size:clamp(48px,6vw,100px);margin:35px 0 30px}.strip-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--ink) transparent;touch-action:pan-x}.strip-track{width:max-content;display:flex;align-items:center;gap:16px;padding:0 var(--gutter) 10px}.strip-panel{display:block;position:relative;width:clamp(280px,42vw,580px);height:clamp(310px,39vw,475px);flex:none;overflow:hidden;color:#fff;background:#252321;isolation:isolate;transition:width .28s var(--ease),filter .28s var(--ease)}.strip-panel:nth-child(2){background:#d8c6b2}.strip-panel:nth-child(3){background:#eee2d0}.strip-panel:nth-child(4){background:#657e63}.strip-image{display:block;width:100%;height:100%;overflow:hidden}.strip-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.91);transition:transform .65s var(--ease),filter .5s var(--ease)}.strip-panel:nth-child(1) img{object-position:50% 37%}.strip-panel:nth-child(2) img{object-position:50% 12%}.strip-panel:nth-child(3) img{object-position:50% 36%}.strip-panel:nth-child(4) img{object-position:50% 52%}.strip-panel:hover img,.strip-panel:focus-visible img{transform:scale(1.055);filter:saturate(1.08) brightness(1.02)}.strip-meta{position:absolute;left:0;right:0;bottom:0;padding:20px;display:flex;justify-content:space-between;align-items:end;gap:10px;background:linear-gradient(transparent,rgba(0,0,0,.78));font-size:clamp(20px,2.4vw,37px);letter-spacing:-.055em}.strip-meta b{line-height:.94}.strip-meta small{font-size:10px;font-weight:800;letter-spacing:.08em}.strip-meta>*{transition:transform .38s var(--ease)}.strip-panel:hover .strip-meta b{transform:translateY(-7px)}.strip-panel::after{content:"";position:absolute;right:0;top:0;width:6px;height:0;background:var(--orange);transition:height .5s var(--ease)}.strip-panel:hover::after,.strip-panel:focus-visible::after{height:100%}.strip-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:23px;padding-bottom:55px;font-size:10px}.strip-progress{height:2px;flex:1;max-width:350px;background:rgba(0,0,0,.3)}.strip-progress i{display:block;width:var(--progress,0%);height:100%;background:var(--orange)}
/* Motion layout activates only when JavaScript and the motion preference allow it. */
.motion-ready .creative{height:260vh}.motion-ready .creative-sticky{position:sticky;top:0;height:100svh;min-height:680px;justify-content:space-between}.motion-ready .strip-viewport{overflow:visible;touch-action:auto}.motion-ready .strip-track{transform:translate3d(var(--track-x,0px),0,0);will-change:transform;padding-left:calc(50vw - min(21vw,290px));padding-right:calc(50vw - min(21vw,290px))}.motion-ready .strip-panel{width:calc(clamp(280px,42vw,580px) + var(--extra-width,0px));filter:brightness(.96)}.motion-ready .strip-panel.is-active img{filter:saturate(1.05) brightness(1.02)}.motion-ready .strip-panel:not(.is-active) img{filter:saturate(.76) brightness(.89)}.spray-cursor,.mist-layer{display:none}.motion-ready .creative-sticky.spray-on .spray-cursor{display:block;position:absolute;left:var(--cursor-x,0px);top:var(--cursor-y,0px);z-index:6;pointer-events:none;transform:translate(-5px,-5px) rotate(-28deg);width:22px;height:30px}.spray-body{position:absolute;left:6px;top:10px;width:15px;height:20px;background:var(--orange);border:2px solid var(--ink)}.spray-nozzle{position:absolute;left:9px;top:2px;width:8px;height:9px;border:2px solid var(--ink);background:var(--paper)}.motion-ready .creative-sticky.spray-on .mist-layer{display:block;position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}.mist-dot{position:absolute;width:var(--size);height:var(--size);border-radius:50%;background:var(--orange);opacity:.5;animation:mist .45s linear forwards;pointer-events:none}@keyframes mist{to{opacity:0;transform:translate(var(--drift-x),var(--drift-y)) scale(.2)}}
.spotlight{padding-top:clamp(90px,10vw,150px);padding-bottom:clamp(105px,12vw,180px)}.spotlight-inner{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;margin-top:clamp(70px,8vw,130px)}.spotlight .display-title{font-size:clamp(53px,6.3vw,107px)}.spotlight-side{display:flex;flex-direction:column;justify-content:end}.spotlight-side>p{max-width:370px;font-size:clamp(20px,2vw,29px);line-height:1.2;letter-spacing:-.04em;margin-bottom:55px}.spotlight-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:13px;border-top:1px solid var(--ink);min-height:72px;font-size:11px;font-weight:800;letter-spacing:.03em}.spotlight-row:nth-of-type(2){border-bottom:1px solid var(--ink)}.spotlight-row span:nth-child(2){font-size:22px;font-weight:900;letter-spacing:-.05em}.concept-label{margin-top:22px;color:#625951}
.shop{background:#d9cbb9;padding-top:clamp(80px,10vw,150px);padding-bottom:clamp(90px,11vw,165px)}.shop-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center;margin-top:clamp(55px,7vw,110px)}.shop .display-title{font-size:clamp(70px,9vw,150px)}.shop-copy p{font-size:clamp(20px,2vw,29px);max-width:370px;line-height:1.15;letter-spacing:-.04em;margin:45px 0 24px}.shop-image{height:clamp(420px,54vw,760px);overflow:hidden;border:1px solid var(--ink)}.shop-image img{object-fit:cover}
.contact{min-height:clamp(650px,90vh,900px);background:var(--ink);color:var(--paper);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;padding-top:28px;padding-bottom:25px}.contact::before{content:"";position:absolute;right:-4%;top:11%;width:32vw;height:15vw;background:url('assets/accent-spray-primary.png') center/contain no-repeat;opacity:0;transform:translateX(75px) rotate(-8deg);transition:opacity .9s var(--ease),transform 1.2s var(--ease);pointer-events:none}.contact.is-visible::before{opacity:.33;transform:translateX(0) rotate(-8deg)}.contact-top,.contact-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.5);padding-top:15px}.contact-main{margin:60px 0 50px;position:relative;z-index:1}.contact-main>p{font-size:12px;font-weight:800;letter-spacing:.13em;margin-bottom:28px}.contact-title{font-size:clamp(65px,11.1vw,200px);font-weight:900;line-height:.86;letter-spacing:-.09em;white-space:nowrap}.contact-title>span{display:inline-block;transform:translateY(var(--title-y,0px));transition:transform .18s linear}.contact-button{margin-top:clamp(45px,7vw,105px);display:flex;justify-content:space-between;align-items:center;gap:20px;width:min(560px,100%);min-height:76px;border:1px solid var(--paper);padding:15px 24px;font-size:clamp(12px,1.1vw,17px);font-weight:900;letter-spacing:.04em;transition:background .35s var(--ease),color .35s var(--ease),padding .35s var(--ease)}.contact-button span:last-child{font-size:28px;transition:transform .35s var(--ease)}.contact-button:hover,.contact-button:focus-visible{background:var(--orange);color:var(--ink);padding-left:33px;padding-right:18px}.contact-button:hover span:last-child{transform:translate(4px,-4px)}.contact-bottom{border-top:0;border-bottom:1px solid rgba(255,255,255,.5);padding-top:0;padding-bottom:15px}.contact-bottom a{transition:transform .3s var(--ease)}.contact-bottom a:hover{transform:translateY(-4px)}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:25px var(--gutter);background:var(--ink);color:var(--paper);border-top:1px solid rgba(255,255,255,.25)}
.motion-ready [data-reveal]{opacity:0;transform:translateY(42px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}
@media (max-width:1000px){.hero-copy{grid-template-columns:1fr;min-height:0;padding:75px 0 55px}.hero-title{font-size:clamp(53px,9.7vw,100px)}.hero-aside{display:flex;align-items:end;justify-content:space-between;gap:20px}.hero-aside p{margin:0}.service-intro{grid-template-columns:1fr}.service-intro p{max-width:570px}.motion-ready .creative-sticky{min-height:600px}.creative-head .display-title{font-size:clamp(47px,6vw,70px)}.spotlight-inner{grid-template-columns:1fr;gap:50px}.spotlight-side{max-width:650px}.contact-title{font-size:clamp(65px,10.8vw,130px)}}
@media (max-width:700px){:root{--gutter:20px}.site-header{height:auto;min-height:65px;flex-wrap:wrap;padding-top:15px;padding-bottom:9px}.site-nav{width:100%;justify-content:space-between;gap:10px;font-size:11px}.hero-topline span:last-child{display:none}.hero-copy{padding:65px 0 45px}.hero-title{font-size:clamp(44px,11vw,75px);letter-spacing:-.09em}.hero-outline{-webkit-text-stroke:1px var(--ink)}.hero-aside{align-items:start;flex-direction:column}.hero-aside p{font-size:18px}.hero-foot{font-size:9px}.services,.work,.spotlight,.shop{padding-top:82px;padding-bottom:95px}.section-kicker{font-size:9px}.display-title,.creative-head .display-title{font-size:clamp(44px,10vw,75px)}.service-intro{margin:55px 0 65px}.service-list li{grid-template-columns:28px 1fr 26px;gap:12px;min-height:96px}.service-list h3{font-size:clamp(29px,6.8vw,49px)}.service-note{grid-column:2;grid-row:2;margin-top:-18px;margin-bottom:14px;font-size:9px}.service-list li>span:last-child{grid-column:3;grid-row:1}.work-heading{display:block;margin:50px 0 65px}.work-heading p{margin-top:20px}.work-grid{grid-template-columns:1fr;row-gap:65px}.project-feature,.project-pop,.project-lion,.project-landscape{display:block;grid-column:auto;grid-row:auto;margin:0}.project-feature .project-visual{height:620px}.project-pop .project-visual,.project-lion .project-visual{height:480px}.project-landscape .project-visual{height:370px}.project-landscape .project-meta{border:0;padding:0}.project-meta{display:block}.project-meta p{text-align:left;margin-top:5px}.creative-sticky{min-height:0}.creative-head{padding-top:80px}.creative-head .display-title{margin:30px 0}.strip-panel{width:76vw;height:390px}.strip-footer{padding-bottom:75px}.spotlight-inner{margin-top:65px}.spotlight-row{grid-template-columns:24px 1fr;min-height:84px}.spotlight-row span:last-child{grid-column:2;margin-top:-20px}.shop-grid{grid-template-columns:1fr;gap:55px}.shop .display-title{font-size:clamp(70px,13vw,105px)}.shop-image{height:480px}.contact{min-height:670px}.contact-title{font-size:clamp(57px,10.2vw,90px);white-space:normal}.contact-top span:last-child{display:none}.contact::before{width:260px;height:120px;top:24%;right:-20%}.contact-button{font-size:11px}.site-footer{flex-wrap:wrap;font-size:9px}.site-footer span:nth-child(2){display:none}}
@media (max-width:430px){.hero-title{font-size:clamp(42px,10.3vw,50px)}.site-name{font-size:16px}.project-feature .project-visual{height:550px}.project-pop .project-visual,.project-lion .project-visual{height:420px}.strip-panel{height:340px}.contact-title{font-size:clamp(47px,10vw,63px)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.motion-ready [data-reveal]{opacity:1!important;transform:none!important}.motion-ready .creative{height:auto!important}.motion-ready .creative-sticky{position:static!important;height:auto!important}.motion-ready .strip-viewport{overflow-x:auto!important}.motion-ready .strip-track{transform:none!important}.spray-cursor,.mist-layer{display:none!important}.contact::before{opacity:.18;transform:none}}

@media (pointer:fine) and (prefers-reduced-motion:no-preference){.motion-ready .strip-image{cursor:none}.motion-ready .strip-meta{cursor:pointer}}

@media (max-width:350px){.hero-title{font-size:34px}.hero-copy{min-width:0}}
.strip-meta:focus-visible{outline:3px solid var(--orange);outline-offset:-5px}

/* Content teasers use the existing editorial typography, palette and frames. */
.shop .shop-copy .display-title{font-size:clamp(44px,6vw,100px)}
.coming-soon-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,4vw,64px);gap:35px}
.coming-soon-panel .display-title{font-size:clamp(44px,7vw,112px)}
.radio-teaser{border-top:1px solid var(--ink);padding-top:22px}
.radio-teaser .section-kicker{border:0;padding:0;gap:18px;align-items:baseline;flex-wrap:wrap}
.radio-teaser h3{font:inherit}
.radio-teaser p{font-size:18px;line-height:1.35;max-width:370px;margin-top:24px}
.radio-teaser .concept-label{display:block;font-size:12px;line-height:1.4}

.plain-link-arrow{display:inline-block;vertical-align:-.12em;flex:none;width:1em;height:1em}
