/* Sculptural chapters: a single visual language, revealed in sequence. */
.sculpture{height:clamp(430px,45vw,660px);overflow:hidden;background:#eeebe3;--light-y:50%;--light-x:52%;--art-shift:0px;isolation:isolate}
.sculpture-canvas{position:absolute;inset:0;overflow:hidden}
.sculpture-surface{position:absolute;right:3%;top:0;width:var(--sculpture-size,660px);height:100%;overflow:hidden;mix-blend-mode:multiply;transform:translateY(var(--art-shift));will-change:transform;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 92%,transparent),linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
.sculpture-surface img{display:block;position:absolute;top:0;left:0;width:100%;height:300%;object-fit:fill;filter:grayscale(1) sepia(.12) contrast(.92) brightness(1.1)}
.sculpture-wing .sculpture-surface{left:3%;right:auto}
.sculpture-wing .sculpture-surface img{top:-100%}
.sculpture-hands .sculpture-surface img{top:-200%}
.sculpture-label{position:absolute;left:max(40px,calc((100vw - 1480px)/2));top:70px;color:#514a40;z-index:2}
.spectrum-light{position:absolute;inset:-15%;pointer-events:none;mix-blend-mode:color;opacity:.93;filter:blur(22px);background:radial-gradient(ellipse 22% 25% at var(--light-x) var(--light-y),#ffc928 0%,#ff7712 27%,#ff321c 45%,transparent 74%),radial-gradient(ellipse 18% 31% at calc(var(--light-x) + 14%) calc(var(--light-y) + 10%),#175bff 0%,#4140ff 27%,#ae24ea 45%,#fa409a 56%,transparent 80%);will-change:background}
.spectrum-glint{position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;opacity:.6;background:radial-gradient(ellipse 30% 26% at var(--light-x) var(--light-y),#fff6b1,transparent 78%)}
.sculpture-wing{--sculpture-size:650px}
.sculpture-hands{height:clamp(430px,41vw,590px);--sculpture-size:590px}
@media(min-width:721px) and (max-width:1460px){.sculpture{--sculpture-size:45vw}.sculpture-hands{--sculpture-size:41vw}}
.hero-portrait{background:#101010}
.hero-portrait img{object-fit:contain;object-position:center bottom;padding-top:25px;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 4%,rgba(0,0,0,.3) 10%,rgba(0,0,0,.65) 18%,#000 32%)}
.hero-portrait:before{background:linear-gradient(90deg,#eeebe3 0%,rgba(238,235,227,.97) 3%,rgba(238,235,227,.8) 10%,rgba(238,235,227,.4) 21%,rgba(238,235,227,.08) 34%,transparent 47%)}
.about-image img{object-position:center top}
.show{padding-top:65px}
.show-row{grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-bottom:45px}
.show-title{display:block}
.show-title h2{font-size:clamp(60px,7vw,110px);letter-spacing:-.035em;margin:20px 0 12px}
.show-summary{font-size:clamp(19px,2vw,28px);line-height:1.5;max-width:390px}
.show-portrait{margin:0;max-width:470px;width:100%;justify-self:center;position:relative}
.show-portrait img{display:block;width:100%;height:auto;mask-image:linear-gradient(0deg,transparent,#000 8%,#000 92%,transparent)}
.arrow,.connect-link span,.discover span{display:inline-block;transition:transform .3s,color .3s;font-size:.7em}
.work-card:hover .arrow,.work-card:focus-visible .arrow,.connect-link:hover span,.discover:hover span{transform:translate(3px,-3px);color:#b58a4b}
.work-card .arrow{font-size:12px}
@media(max-width:720px){
 .hero{height:850px}
 .hero-portrait{height:62%;}
 .hero-portrait img{padding-top:15px;object-position:center top;mask-image:linear-gradient(0deg,transparent,rgba(0,0,0,.15) 5%,rgba(0,0,0,.5) 14%,#000 31%)}
 .hero-portrait:before{background:linear-gradient(0deg,#eeebe3,rgba(238,235,227,.9) 5%,rgba(238,235,227,.45) 16%,transparent 34%)}
 .hero-content{padding-top:540px}
 .sculpture{height:490px;--sculpture-size:490px}
 .sculpture-surface{width:110%;right:-10%;height:100%;}
 .sculpture-wing .sculpture-surface{left:-9%;width:110%}
 .sculpture-hands{height:450px}
 .sculpture-label{top:24px;left:20px;font-size:9px}
 .spectrum-light{filter:blur(14px);opacity:.95}
 .about-image{height:auto;aspect-ratio:1290/1788}
 .about-image img{object-fit:contain;object-position:center top}
 .show{padding-top:40px}
 .show-row{grid-template-columns:1fr;gap:20px;padding-bottom:25px}
 .show-title h2{font-size:65px;margin:14px 0 8px}
 .show-summary{font-size:19px;max-width:320px}
 .show-portrait{max-width:390px}
}
@media(prefers-reduced-motion:reduce){.sculpture-surface{transform:none;will-change:auto}.spectrum-light{will-change:auto}.arrow,.connect-link span,.discover span{transition:none}}

.sculpture{--light-x:65%}.sculpture-wing{--light-x:22%}
.show-portrait img{mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}

/* The audio signature remains visible beside the portrait. */
.podcast-wave{justify-content:flex-start;gap:5px;max-width:390px;margin-top:28px;height:82px}
.podcast-wave:before{background:linear-gradient(90deg,#8b795d,transparent);opacity:.45}
.podcast-wave i{flex:0 0 2px;background:#c5ad86;animation-play-state:paused}
.podcast-wave.is-active i{animation-play-state:running}
@media(max-width:720px){.podcast-wave{margin-top:20px;height:65px;gap:4px}.podcast-wave i{height:calc(var(--h)*.75)}}

/* Desktop portrait on a continuous charcoal field. Mobile retains its paper layout. */
.hero-portrait picture{display:block;width:100%;height:100%}
@media(min-width:721px){
 .hero{background:radial-gradient(ellipse at 76% 41%,#292a2b 0%,#171819 40%,#090a0b 85%);color:#f0ede5}
 .hero.paper:before{opacity:.035}
 .hero .site-header{color:#f0ede5}
 .hero .logo img{filter:none;mix-blend-mode:normal}
 .hero-portrait{width:53%;right:1%;top:70px;height:calc(100% - 70px);background:transparent}
 .hero-portrait img{object-fit:contain;object-position:center bottom;padding:0;mask-image:linear-gradient(0deg,transparent 0%,#000 12%);}
 .hero-portrait:before,.hero-portrait:after{display:none}
 .hero-content{padding-top:265px}
 .hero h1{font-size:clamp(66px,7.7vw,132px);max-width:58%}
 .hero h1 .initials{color:#d5b77d}
 .hero .tagline:before{background:#aaa69b}
 .hero .discover{border-color:#837c70}
 .hero-bottom{color:#b9b3a7}
 .hero-light{display:none}
 .hero-orbit{opacity:.45}
}
@media(min-width:721px) and (max-width:1100px){
 .hero-content{padding-top:260px}
 .hero h1{font-size:8.3vw}
 .hero-portrait{width:54%;right:-1%;top:110px;height:calc(100% - 110px)}
}

/* Let the orbit pass behind the portrait silhouette on desktop. */
@media(min-width:721px){.hero-orbit{z-index:1}.hero-portrait{z-index:2}.hero-content{z-index:3}}

/* A fine gold keyline identifies the hero name. */
.hero h1{ -webkit-text-stroke:1px #b8955b;paint-order:stroke fill }
.hero h1 .initials{-webkit-text-stroke:0}
/* Selected work is visible before interaction, then comes into full light. */
.work-card{background:#151515;color:#f3efe5;border-color:#777267}
.work-card img{opacity:1;filter:brightness(.38) saturate(.65);transform:scale(1.025);transition:filter .45s,transform .7s}
.work-card .category{text-shadow:0 1px 12px #000}
.work-card .arrow{color:#f3efe5;text-shadow:0 1px 6px #000}
.work-card:hover img,.work-card:focus-visible img{filter:brightness(1) saturate(1);transform:scale(1)}
/* Venture previews lead each expanded story. */
.venture-preview{margin:0 0 30px;overflow:hidden;border:1px solid #c9c2b6;background:#111;position:relative;aspect-ratio:16/9}
.venture-preview>a{display:block;width:100%;height:100%}
.venture-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.venture-preview--ls img{object-position:center 40%}
.venture-preview--angelo img{object-position:top}
.venture-brand-snippet{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;padding:35px;color:#eee9df;background:radial-gradient(ellipse at 75% 100%,#393832,transparent 60%),#151615;text-align:center}
.venture-brand-snippet strong{font:clamp(46px,8vw,100px)/1 'Times New Roman',serif;font-weight:400;letter-spacing:.04em}
.venture-brand-snippet span{font-size:11px;letter-spacing:.22em;text-transform:uppercase}
.venture-brand-snippet--om{background:#e8e3d8;color:#252823}
.venture-brand-snippet--om strong{font-size:clamp(70px,12vw,160px);letter-spacing:-.06em}
.venture-brand-snippet--om span{letter-spacing:.16em}
@media(max-width:720px){.venture-preview{margin-bottom:24px;aspect-ratio:4/3}.venture-brand-snippet{gap:15px;padding:20px}.venture-brand-snippet span{font-size:9px;letter-spacing:.1em}.hero h1{-webkit-text-stroke:.7px #b8955b}}
@media(hover:none){.work-card img{filter:brightness(.53) saturate(.8)}}

/* Preserve the full composition of supplied website captures. */
.venture-preview--stompin,.venture-preview--glorious,.venture-preview--ls{aspect-ratio:auto}
.venture-preview--stompin img,.venture-preview--glorious img,.venture-preview--ls img{width:100%;height:auto;object-fit:contain}

.venture .venture-mark{display:block;width:auto;height:auto;max-width:min(100%,165px);max-height:55px;object-fit:contain}.venture-preview--om{aspect-ratio:auto}.venture-preview--om img{height:auto;display:block;width:100%}

.venture .venture-mark{height:auto;width:var(--logo-width);max-width:96%;max-height:none;margin:auto}
.venture[data-venture="stompin"]{--logo-width:200px}
.venture[data-venture="bizafly"]{--logo-width:144px}
.venture[data-venture="glorious"]{--logo-width:96px}
.venture[data-venture="om"]{--logo-width:41px}
.venture[data-venture="ls"]{--logo-width:166px}
.venture[data-venture="goated"]{--logo-width:88px}
.venture-preview--goated img{object-fit:contain;padding:6%;object-position:center}
@media(max-width:720px){.venture .venture-mark{width:calc(var(--logo-width) * .8)}}

/* Keep O M directly below LS in the brand development column. */
.work-project-name{display:block;font:12px Arial,Helvetica,sans-serif;letter-spacing:.25em;margin-top:12px}
@media(min-width:721px){.work-card-om{grid-column:1;grid-row:2}.work-grid>[data-gallery="cover"]{grid-column:2;grid-row:1}.work-grid>[data-gallery="identity"]{grid-column:3;grid-row:1}}