/* Cinematic editorial: open space, thin rules and purposeful red accents. */
#gear{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:2rem clamp(2rem,4vw,4rem);align-items:start}
#gear h2{font-size:clamp(2.25rem,3.8vw,3.5rem);line-height:1.08;overflow-wrap:anywhere;max-width:100%}
#gear>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}
#gear p,#gear small{margin:0}
#gear .button{max-width:100%;height:auto;white-space:normal;flex-wrap:wrap;gap:.75rem}
@media(max-width:1100px){#gear{grid-template-columns:minmax(0,1fr);gap:1.5rem}#gear>div:last-child{max-width:42rem}#gear h2{font-size:clamp(2rem,5.5vw,3.25rem)}}
/* Responsive layout foundations shared by the homepage, kit and gear. */
.page-shell,.kit-shell{width:100%;padding-inline:clamp(1rem,4vw,4rem)}
.branch-expanded>*,.store-heading>*,.gear-section>*,.work-inquiry>*,.kit-metrics>*,.form-grid>*{min-width:0}
.button{min-height:46px;white-space:normal;text-align:left}
.hero-footer{flex-wrap:wrap}
.hero-socials{flex-wrap:wrap}
.hero-socials a{min-height:44px}
.product-grid,.work-film-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-artwork img{width:100%;height:auto}
.feature-panel,.campaign-cover{overflow-wrap:anywhere}
.kit-page h2,.gear-intro h1,.gear-item h3{overflow-wrap:break-word}
.form-grid input,.form-grid select,.form-grid textarea{width:100%;font-size:1rem}
.form-grid input[type=checkbox]{width:auto}
:root{--chapter-space:clamp(2.5rem,5vw,4.5rem);--chapter-inset:clamp(1rem,3vw,2.5rem)}
.ui-icon{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:#eee2dc;vertical-align:middle}
.site-header nav a{display:inline-flex;align-items:center;gap:.45rem;min-height:44px}
.site-header nav .ui-icon{width:18px;height:18px}
.eyebrow>.ui-icon,.work-section-label>.ui-icon{margin-right:.7rem;width:20px;height:20px}
.browse-category>summary>span:first-child,.asset-category>summary>span:first-child{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:1rem;min-width:0}
.browse-category>summary>span:first-child>.ui-icon,.asset-category>summary>span:first-child>.ui-icon{grid-column:1;grid-row:1/3;align-self:center;width:28px;height:28px;color:rgba(var(--accent,243,79,99),1)}
.browse-category>summary strong,.browse-category>summary small,.asset-category>summary strong,.asset-category>summary small{grid-column:2}
.browse-category>summary strong,.asset-category>summary strong{font-size:clamp(1.75rem,2.7vw,2.45rem)}
.browse-category>summary small,.asset-category>summary small{font-size:.9375rem;line-height:1.5}
.compact-branch>.browse-category{border-radius:4px 14px 14px 4px}
.discovery-bar{display:flex;align-items:center;gap:1.5rem;margin-top:3rem}
.discovery-bar:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,#963647,transparent)}
.store-section{margin-block:4rem;border:0;border-top:1px solid #6b3041;border-bottom:1px solid #6b3041;border-radius:0;box-shadow:none;background:radial-gradient(ellipse at 100% 10%,#68152c33,transparent 55%),#0e0b0e}
.store-heading{align-items:end;padding-bottom:1.5rem;border-bottom:1px solid #ffffff0d}
.store-heading>p{max-width:25rem;color:#c3b5b9;line-height:1.7}
.gear-section{border-radius:4px;border-left:3px solid #c17b59;box-shadow:none;background:linear-gradient(115deg,#2b1c18,#141013 70%)}
.work-portfolio{border:0;border-top:1px solid #5a2939;border-radius:0;box-shadow:none;background:radial-gradient(ellipse at 85% 5%,#58152938,transparent 60%),#0d0b0e}
.work-services-intro .work-offerings{gap:2rem}
.work-offerings>div{padding:1.5rem 0;border-top:1px solid #974354;background:none;border-radius:0}
.work-offerings h3{color:#f3ddd8}
.work-offerings p{color:#baadb2;line-height:1.7}
.work-inquiry{border-top:1px solid #613040}
.social-section{border:0;border-top:1px solid #58313c;border-radius:0;box-shadow:none;background:transparent;padding-inline:0}
.kit-project{border-top:2px solid #c22d49;border-radius:4px}
.kit-intro,.gear-intro{border-bottom:1px solid #512533}
.kit-contact{border-radius:4px;border-left:3px solid #df2948}
:where(a,button,summary,input,select,textarea):focus-visible{outline:2px solid #ff8193;outline-offset:5px}
.button,.header-contact,.kit-project,.category-plus{transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.button:active,.header-contact:active{transform:translateY(1px)}
.hero-footer>span{max-width:18rem;color:#ead6cf}
@media(hover:hover) and (pointer:fine){
 .site-header nav a:hover .ui-icon{color:#ff526d}
 .browse-category:hover,.asset-category:hover{border-color:#934054;box-shadow:inset 0 1px #ffffff12,0 8px 25px #0004}
 .browse-category>summary:hover .category-plus,.asset-category>summary:hover .category-plus{background:#a91d38;border-color:#fc6d86}
 .kit-project:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0005}
 .button:hover{box-shadow:0 5px 20px #a7102625}
}
@keyframes editorial-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.hero-topline,.hero-footer,.kit-intro,.gear-intro{animation:editorial-arrive .65s ease-out both}.hero-footer{animation-delay:.15s}}
@media(max-width:760px){
 .browse-category>summary>span:first-child,.asset-category>summary>span:first-child{grid-template-columns:24px minmax(0,1fr);column-gap:.75rem}
 .browse-category>summary>span:first-child>.ui-icon,.asset-category>summary>span:first-child>.ui-icon{width:23px;height:23px}
 .category-action{font-size:0;gap:0}.category-plus{font-size:1.5rem}
 .store-section{margin-block:2.5rem;padding-inline:1rem}
 .work-services-intro .work-offerings{gap:.4rem}
 .work-offerings>div{padding:1.25rem 0}
 .social-section{padding-inline:.25rem}
 .site-header nav{gap:.7rem;flex-wrap:wrap}.site-header nav a{font-size:.9375rem}
 .kit-header{flex-wrap:wrap}.kit-header .wordmark{max-width:100%}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* One separator rhythm across the main chapters, tighter within each chapter. */
html{scroll-padding-top:var(--nav-clearance,1rem)}
.page-shell main>.store-section,.page-shell main>.gear-section,.page-shell main>.work-portfolio,.page-shell main>.social-section{position:relative;margin:var(--chapter-space) 0 0;padding:var(--chapter-space) var(--chapter-inset);border:0;border-top:1px solid #65303e;border-radius:0;box-shadow:none}
.page-shell main>.store-section:before,.page-shell main>.gear-section:before,.page-shell main>.work-portfolio:before,.page-shell main>.social-section:before{content:'';position:absolute;top:-1px;left:var(--chapter-inset);width:3rem;height:2px;background:#e52e4b}
.page-shell main>.gear-section{background:radial-gradient(ellipse at 0 50%,#5733242b,transparent 70%)}
.page-shell main>.work-portfolio{background:radial-gradient(ellipse at 100% 40%,#58152925,transparent 65%)}
.page-shell main>.social-section{padding-bottom:var(--chapter-space);margin-bottom:0}
.discovery-bar{margin-top:var(--chapter-space);padding:0 0 1.25rem}
.discovery-bar:after{background:#65303e}
.branch.compact-branch{margin:.5rem 0}
.compact-branch>.browse-category,.asset-category,.collab-category{border-radius:8px;box-shadow:none}
.store-heading{border-bottom:0;padding-bottom:.5rem;margin-bottom:1.5rem}
.collab-category{margin:1.5rem 0}
.kit-section{padding-block:var(--chapter-space)}
.kit-intro{border-bottom:0}
.kit-contact{margin-top:var(--chapter-space)}
.reveal.is-visible{animation:none}
.hero-composition h1,.hero-portrait{translate:none}
@media(max-width:760px){.page-shell main>.store-section,.page-shell main>.gear-section,.page-shell main>.work-portfolio,.page-shell main>.social-section{padding-inline:.5rem}.page-shell main>section:before{left:.5rem!important}}
/* Tablet: deliberate two-column cards, a full-width navigation row. */
@media(min-width:701px) and (max-width:1100px){
 .site-header{flex-wrap:wrap;gap:.8rem;padding-block:1rem;min-height:0}
 .site-header nav{order:3;flex-basis:100%;justify-content:flex-start;margin:0;gap:.5rem}
 .site-header .header-contact{margin-left:auto}
 .editorial-hero{height:auto;min-height:0;padding:1.5rem}
 .hero-composition{min-height:420px}
 .hero-portrait{width:260px;left:37%;top:15%;max-width:35%}
 .hero-footer{display:grid;grid-template-columns:1fr auto;gap:1rem}
 .hero-footer>span{max-width:none}.hero-footer>.hero-socials{grid-row:2;grid-column:1/-1}
 .hero-footer>a{grid-column:2;grid-row:1}
 .branch-expanded{grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem}
 .branch-intro h2{font-size:clamp(2.5rem,4.8vw,3.75rem)}
 .feature-panel{padding:1.25rem;min-height:300px}
 .feature-panel>strong{font-size:clamp(2.5rem,4.5vw,4rem)}
 .product-grid,.work-film-grid,.kit-projects{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kit-formats,.kit-demographics{grid-template-columns:1fr}
 .work-inquiry{flex-wrap:wrap;gap:1.5rem}.work-inquiry>div:last-child{max-width:100%;width:100%}
 .work-primary-actions{flex-direction:row;flex-wrap:wrap}
}
/* Phone: generous touch targets and a compact hero that never crops the name. */
@media(max-width:700px){
 .site-header{position:relative;min-height:0;padding-block:1rem;gap:.75rem;display:grid;grid-template-columns:minmax(0,1fr) auto}
 .site-header>.wordmark{font-size:clamp(1.05rem,5vw,1.5rem)}
 .site-header .header-contact{font-size:.875rem;padding:.65rem .7rem;margin:0;min-height:44px}
 .site-header nav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.4rem;margin:0;justify-content:flex-start}
 .site-header nav a{font-size:.875rem;padding:.55rem .65rem;min-height:44px}
 .site-header nav .ui-icon{width:16px;height:16px}
 .editorial-hero{height:auto;min-height:0;padding:1rem}
 .hero-composition{min-height:clamp(290px,85vw,460px)}
 .hero-composition .name-first{font-size:clamp(5rem,29vw,11rem);top:10%}
 .hero-composition .name-last{font-size:clamp(3rem,16vw,7rem);bottom:3%;right:0}
 .hero-portrait{left:29%;top:26%;width:54%;max-width:240px;padding:6px}
 .hero-portrait figcaption{font-size:.75rem;letter-spacing:0}
 .hero-role{font-size:.875rem;top:6%;right:0}
 .hero-footer{display:flex;flex-direction:column;align-items:stretch;gap:.85rem;margin-top:1rem}
 .hero-footer>span{font-size:1.05rem;max-width:none;margin:0}
 .hero-footer .hero-socials{gap:.5rem 1rem;justify-content:flex-start}
 .hero-footer>a{align-self:flex-start}
 .hero-socials a{font-size:.875rem}
 .branch-expanded,.product-grid,.work-film-grid,.kit-projects,.kit-formats,.kit-metrics,.kit-demographics,.gear-items,.form-grid{grid-template-columns:minmax(0,1fr)}
 .branch-expanded{gap:1.5rem;padding:1rem}
 .branch-intro h2{font-size:clamp(2.5rem,10vw,3.5rem)}
 .feature-panel{padding:1.25rem;min-height:270px}
 .feature-panel>strong{font-size:clamp(2.5rem,10vw,4rem)}
 .panel-bottom{flex-wrap:wrap;gap:.75rem}
 .browse-category>summary,.asset-category>summary{padding:1rem .75rem;min-height:100px}
 .browse-category>summary strong,.asset-category>summary strong{font-size:1.7rem;line-height:1.15}
 .store-heading,.gear-section{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem}
 .store-heading h2,.gear-section h2,.social-section h2{font-size:clamp(2.5rem,10vw,3.5rem)}
 .work-primary-actions,.work-inquiry{flex-direction:column;align-items:stretch}
 .work-primary-actions .button,.gear-section .button{width:100%;min-width:0}
 .kit-header{gap:.75rem}.kit-header .wordmark{font-size:1.65rem}
 .kit-section h2,.kit-contact h2{font-size:clamp(2rem,8vw,3rem);line-height:1.05}
 .kit-metrics>div{flex-wrap:wrap;gap:.5rem 1rem}
 .kit-contact{padding:1.25rem}
 .gear-intro h1{font-size:clamp(2.6rem,11vw,4rem)}
 .editor-body{padding:1rem}.editor-actions>*{max-width:100%}
 .find-socials{justify-content:flex-start;gap:.5rem 1rem}
 footer{flex-wrap:wrap;gap:1rem}
}
@media(min-width:1101px){.hero-footer{gap:1.25rem}.branch-expanded{gap:clamp(2rem,5vw,5rem)}.kit-formats,.kit-projects{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Restrained depth, using the existing portrait and product artwork. */
.product-artwork{position:relative;isolation:isolate;perspective:900px;background:radial-gradient(circle at 50% 35%,#7c243735,transparent 58%),#100b10;padding:clamp(.8rem,2vw,1.4rem);overflow:visible}
.product-artwork::before{content:'';position:absolute;z-index:-1;left:12%;right:8%;bottom:5%;height:22%;background:#000;filter:blur(18px);opacity:.8;transform:translateY(10px) skewX(-8deg);border-radius:50%}
.product-artwork img{position:relative;z-index:1;transform-origin:center;transform:perspective(900px) rotateX(2deg) rotateY(-3deg) translateY(-6px) scale(.96);filter:drop-shadow(12px 18px 13px #0009);transition:transform .28s ease-out,filter .28s ease-out}
.product-card:nth-child(even) .product-artwork img{transform:perspective(900px) rotateX(2deg) rotateY(3deg) translateY(-6px) scale(.96)}
.product-artwork::after{content:'';position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(115deg,#ffffff12,transparent 28% 70%,#e2264630),radial-gradient(ellipse at var(--light-x,35%) var(--light-y,20%),#fff0e026,transparent 58%);opacity:.72;mix-blend-mode:screen;transition:opacity .25s}
.hero-portrait{border:1px solid #c95d716f;box-shadow:8px 10px 0 #30121c,9px 11px 0 #b84a605c,18px 24px 48px #0009;transition:transform .3s ease-out,box-shadow .3s ease-out}
.hero-portrait::before{content:'';position:absolute;inset:-10px 10px 10px -10px;border:1px solid #e72e4d55;z-index:-1;transform:translate(-5px,-5px)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .product-artwork.depth-active img{transform:perspective(900px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg)) translateY(-10px) scale(1.01);filter:brightness(1.05) drop-shadow(16px 23px 16px #000a)}
 .product-artwork.depth-active::after{opacity:1}
 .hero-portrait.depth-active{transform:perspective(1000px) rotate(-5deg) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg));box-shadow:6px 9px 0 #30121c,7px 10px 0 #9b435555,0 25px 46px #0008}
}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.product-artwork::after{opacity:.62}.hero-portrait{transition:none}}
@media(max-width:700px){.product-artwork{padding:.75rem}.product-artwork img,.product-card:nth-child(even) .product-artwork img{transform:perspective(900px) rotateX(2deg) rotateY(-2deg) translateY(-4px) scale(.97);filter:drop-shadow(8px 13px 9px #0009)}.hero-portrait{box-shadow:5px 7px 0 #30121c,6px 8px 0 #b84a605c,12px 18px 32px #0008}}

/* One-line signature and dedicated store / gear collections. */
.hero-footer>.hero-tagline{max-width:none;white-space:nowrap;font-size:clamp(.82rem,1.7vw,1.3rem);flex-shrink:0}
#gear>.gear-lanes{display:grid;width:100%;max-width:none;gap:1rem}
.gear-lane{width:100%;padding:1.5rem;border:1px solid #64323d;border-radius:8px;background:#160f13}
.gear-lane h3{font:700 clamp(1.8rem,3vw,2.5rem)/1.1 var(--display);margin:.8rem 0}
.gear-lane .text-link{display:inline-block;margin-top:1rem}
.wallpaper-drops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;padding:1.25rem}
.wallpaper-drop{min-width:0;border:1px solid #64323d;border-radius:8px;overflow:hidden;background:#160f13}
.wallpaper-placeholder{padding:1.5rem;background:linear-gradient(140deg,#351a28,#160f17);min-height:210px;display:flex;flex-direction:column;justify-content:space-between}
.wallpaper-placeholder>span{font-size:.8rem;letter-spacing:.2em;color:#d8a7b4}
.device-outlines{display:flex;align-items:end;justify-content:center;gap:1rem;padding:1.5rem 0 .5rem}
.device-outlines i{display:block;border:1px solid #d293a5;border-radius:6px;width:35px;height:70px;background:#ffffff04}
.device-outlines i:nth-child(2){width:65px;height:85px}.device-outlines i:nth-child(3){width:120px;height:75px}
.device-versions{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:1rem 0}
.device-versions li{font-size:.8rem;padding:.4rem .7rem;border:1px solid #7a4053;border-radius:999px;color:#e9c5d0}
.wallpaper-drop small{color:#c3b5b9;line-height:1.5}
@media(max-width:700px){.wallpaper-drops{grid-template-columns:1fr;padding:.75rem}.hero-footer>.hero-tagline{font-size:clamp(.75rem,3.55vw,1.05rem)}}

/* Compact collaboration rail: three cards wide, then swipe for more. */
#collaborations .collaboration-samples{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2.4rem)/3);gap:1.2rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:1.25rem;scrollbar-width:thin;scrollbar-color:#d43755 #180e13}
#collaborations .collaboration-card{scroll-snap-align:start;min-width:0}
#collaborations .collab-browse-hint{margin:0;padding:.5rem 1.25rem;color:#c8bdc0;font-size:.8rem}
#collaborations .hyperx-cover{background:linear-gradient(135deg,#90182d,#340d18)}
#collaborations .nlr-cover{background:linear-gradient(135deg,#382328,#111015)}
#collaborations .torras-cover{background:linear-gradient(135deg,#72402e,#271119)}
#collaborations .temu-cover{background:linear-gradient(135deg,#8d3825,#35111a)}
@media(max-width:1100px){#collaborations .collaboration-samples{grid-auto-columns:calc((100% - 1.2rem)/2)}}
@media(max-width:700px){#collaborations .collaboration-samples{grid-auto-columns:88%;gap:1rem}#collaborations .campaign-cover h4{font-size:clamp(2.2rem,9vw,3.5rem)}}


/* Photography stays inside the expanded corner panels. */
.compact-branch .feature-panel{position:relative;isolation:isolate;overflow:hidden;background:#160d12}
.compact-branch .feature-panel .corner-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;pointer-events:none}
.compact-branch .feature-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090909de,#11070c66 65%,#09090999);z-index:-1;pointer-events:none}
.compact-branch .feature-panel>strong{color:#fff5f1;text-shadow:0 2px 16px #000}
.compact-branch .feature-panel .eyebrow,.compact-branch .feature-panel .panel-bottom{color:#fff0ee;text-shadow:0 1px 6px #000}