/* Creative direction — September 2026 */
body { background:#faf9f6; padding-bottom:78px; }
.site-header, .site-header.is-scrolled {color:#161616;background:rgba(250,249,246,.94);backdrop-filter:blur(18px);border-bottom:1px solid #d9d8d3;}
.page-intro {display:none;}
.hero {background:#faf9f6;color:#151515;min-height:760px;height:calc(100svh - 20px);max-height:1100px;padding:155px 5vw 80px;display:flex;align-items:center;}
.hero-media {inset:125px 4vw 65px 48%;overflow:hidden;}
.hero-media::after {background:linear-gradient(0deg,rgba(0,0,0,.2),transparent 55%);}
.hero-slide {filter:grayscale(1) contrast(1.05);}
.hero-copy {width:100%;pointer-events:none;}
.hero-copy a {pointer-events:auto;}
.hero .hero-title {font-size:clamp(76px,10.5vw,170px);line-height:.88;letter-spacing:-.075em;max-width:100%;margin:28px 0 32px;mix-blend-mode:multiply;}
.hero .hero-title span:last-child {font-style:italic;}
.hero .kicker,.hero .lead {color:#171717;}
.hero .lead {font-size:clamp(16px,1.65vw,25px);line-height:1.7;width:42%;font-weight:600;}
.hero .button-primary {background:#171717;color:white;border-color:#171717;}
.hero .button-ghost {color:#171717;border-color:#171717;background:#faf9f6;}
.hero-status {color:#333;left:5vw;right:5vw;bottom:20px;border-color:#ccc;font-size:10px;letter-spacing:.18em;flex-direction:row;justify-content:space-between;}
.hero-status {display:flex;}
.hero-status span {color:#333;}
.marquee {background:#161616;color:#fff;padding:20px 0;}
.marquee span {-webkit-text-stroke:0;color:#fff;font-size:clamp(23px,4vw,56px);letter-spacing:-.035em;}
.marquee:hover .marquee-track {animation-play-state:paused;}
.section {scroll-margin-top:100px;}
.creative-heading {display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:end;}
.creative-heading .kicker {grid-column:1/-1;}
.creative-heading h2 {font-size:clamp(30px,4vw,60px);letter-spacing:-.055em;line-height:1.3;}
.creative-heading h2 em {font-style:normal;color:#777;}
.creative-heading>p:last-child {padding:0 0 8px 15%;line-height:1.9;color:#555;}
.direction-tabs {display:flex;gap:8px;border-bottom:1px solid #bbb;margin:36px 0 0;padding-bottom:14px;}
.direction-tabs button {font:inherit;padding:13px 23px;border:1px solid #bbb;border-radius:0;background:transparent;cursor:pointer;color:#111;transition:background .2s,color .2s;}
.direction-tabs button[aria-pressed=true] {background:#171717;color:#fff;border-color:#171717;}
.direction-stage {display:grid;grid-template-columns:1.2fr 1fr;min-height:450px;background:#eeede8;}
.direction-stage figure {position:relative;margin:0;overflow:hidden;min-height:380px;}
.direction-stage img {width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform .8s;}
.direction-stage:hover img {transform:scale(1.035);}
.direction-stage figcaption {position:absolute;bottom:20px;left:22px;color:white;font-size:10px;letter-spacing:.14em;text-shadow:0 1px 5px #000;}
.direction-copy {padding:clamp(25px,4vw,64px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}
.direction-copy>span {font-size:11px;letter-spacing:.12em;}
.direction-copy h3 {font-size:clamp(28px,3vw,45px);line-height:1.35;letter-spacing:-.05em;margin:25px 0;}
.direction-copy p {line-height:1.9;font-size:14px;color:#555;margin-bottom:26px;}
.direction-consult {margin-top:20px;font-size:13px;border-bottom:1px solid #888;padding-bottom:7px;}
.home-about {background:transparent;}
.visual-band {overflow:hidden;position:relative;}
.list-section-head h2 {letter-spacing:-.055em;}
.product-list-grid {gap:24px;background:transparent;border:0;}
.product-card,.case-card {border:0;background:transparent;transition:transform .35s;}
.product-card:hover,.case-card:hover {background:transparent;transform:translateY(-7px);}
.list-card-media {overflow:hidden;}
.list-card-media img {transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s;}
.list-card-link:hover img {transform:scale(1.055);filter:grayscale(0);}
.button {transition:background .25s,color .25s,transform .25s;}
.button:hover {transform:translateY(-3px);}
.sub-hero,.trophy-hero,.estimate-hero {background:#faf9f6;}
.trophy-hero {gap:5vw;padding-top:155px;}
.trophy-hero h1 {font-size:clamp(40px,5.2vw,82px);letter-spacing:-.06em;}
.trophy-hero-image {position:relative;transform:rotate(2deg);box-shadow:18px 18px 0 #e7e5df;overflow:hidden;}
.trophy-hero-image::after {content:'AWARDS / MADE TO REMEMBER';position:absolute;bottom:20px;left:20px;color:white;font-size:11px;letter-spacing:.14em;text-shadow:0 1px 8px black;}
.trophy-works {background:#171717;}
.trophy-works .list-section-head p {color:#c7c7c7;}
.trophy-works-grid {display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 0 26px;scrollbar-color:#aaa #333;}
.trophy-works-grid .trophy-work {flex:0 0 38%;height:480px;scroll-snap-align:start;margin:0;position:relative;overflow:hidden;}
.trophy-works-grid .trophy-work img {width:100%;height:100%;object-fit:cover;transition:transform .7s;}
.trophy-works-grid .trophy-work:hover img {transform:scale(1.045);}
.gallery-controls {display:flex;align-items:center;gap:12px;margin-top:20px;color:#ddd;font-size:12px;}
.gallery-controls button {background:transparent;color:white;border:1px solid #888;width:48px;height:44px;cursor:pointer;font-size:22px;}
.project-dock {position:fixed;z-index:30;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;background:#171717;color:white;padding:12px 14px 12px 24px;box-shadow:0 8px 35px #0002;max-width:calc(100% - 28px);}
.project-dock>span {font-size:10px;letter-spacing:.12em;white-space:nowrap;}
.project-dock a {font-size:12px;white-space:nowrap;padding:10px 15px;}
.project-dock a:nth-of-type(2) {background:#faf9f6;color:#111;}
.creative-enter {animation:creativeEnter .8s cubic-bezier(.2,.7,.2,1) both;}
@keyframes creativeEnter {from{opacity:.25;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
:focus-visible {outline:2px solid #777;outline-offset:5px;}
@media(max-width:1100px){.hero {min-height:740px;}.hero-actions {max-width:46%;}.hero .button {font-size:12px;}.site-header:not(.is-scrolled) .site-nav.sub-nav{color:#111;}.project-dock>span{display:none;}}
@media(max-width:640px){
 .site-header:has(.sub-nav){flex-wrap:wrap;padding:12px 18px;gap:10px;}.site-nav.sub-nav{width:100%;display:flex;flex-direction:row;gap:18px;overflow-x:auto;padding:4px 0;justify-content:flex-start;font-size:10px;}.sub-page{padding-top:105px;}
 .hero{height:auto;min-height:850px;padding:120px 22px 360px;align-items:flex-start;}
 .hero-media{inset:auto 22px 55px;height:275px;}
 .hero .hero-title{font-size:clamp(64px,15vw,95px);margin:24px 0;}
 .hero .lead{width:100%;font-size:17px;}.hero-actions{max-width:100%;gap:10px;}.hero .kicker{font-size:9px;}
 .hero-status{font-size:8px;left:22px;right:22px;}.creative-heading{grid-template-columns:1fr;}.creative-heading>p:last-child{padding:0;font-size:13px;}
 .direction-tabs{gap:5px;}.direction-tabs button{padding:12px 8px;font-size:11px;flex:1;}.direction-stage{grid-template-columns:1fr;}.direction-stage figure{min-height:0;height:240px;}
 .direction-copy{padding:28px;}.direction-copy h3{margin:18px 0;}.product-list-grid{gap:12px;}
 .trophy-hero{padding-top:110px;}.trophy-hero-image{margin:12px 10px 24px 0;}.trophy-works-grid .trophy-work{flex-basis:85%;height:380px;}
 .project-dock{bottom:10px;padding:8px;gap:4px;}.project-dock a{font-size:11px;padding:10px;}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.creative-enter{animation:none}.hero-slide,.list-card-media img,.button,.trophy-work img{transition:none!important;}}