/* Match the established GWIND homepage / Custom Studio type and spacing. */
@font-face{font-family:GWINDBarlow;src:url('../concepts/fonts/barlow.ttf') format('truetype');font-display:swap}
:root{
 --font-brand:GWINDBarlow,'Arial Narrow',sans-serif;
 --font-copy:Manrope,'PingFang SC',sans-serif;
 --display:var(--font-brand);--body:var(--font-copy);
 --ink:#151c19;--yellow:#ffc200;--paper:#f4f6f5;--copy-muted:#68716c;
 --space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;
 --space-section:clamp(48px,5vw,86px);
 --type-heading:clamp(48px,5.4vw,92px);
 --type-body:clamp(16px,1.1vw,18px);
 --type-lead:clamp(20px,1.7vw,28px);
 --type-card:24px;
}
body,button,select{font-family:var(--font-copy)}
.story-copy p,.philosophy-heading p,.belief-card p{font-family:var(--font-copy)}
.intro-slogan,.slogan-carry span,.story-slogan-background span{
 font-family:var(--font-brand);font-weight:900;font-style:normal;letter-spacing:-.025em;
}
.intro-slogan,.slogan-carry span,.story-slogan-background span{line-height:.98}
.intro-slogan,.slogan-carry span,.story-slogan-background span{font-size:clamp(94px,14.5vw,230px)}
.intro-slogan-mask{padding-inline:16px}
.intro-slogan-white,.intro-photo-frame{padding-inline:.12em}
/* Content width and type no longer shrink with the storyboard's image aspect. */
.story-stage{--story-frame-width:min(100vw,1800px)}
.our-story .story-content-frame,.story-motion .story-content-frame{
 max-width:1800px;height:100svh;
 --story-bleed:max(0px,calc((100vw - 1800px)/2));
}
.story-background{
 left:calc((100vw - var(--story-frame-width))/2 + min(4.5vw,86px));
 width:calc(var(--story-frame-width) * .44);height:min(64svh,650px);
}
.our-story .story-copy{
 left:55%;top:50%;width:calc(45% - var(--page-gutter));max-width:560px;
 transform:translateY(-50%);
}
.our-story .story-copy h2,.philosophy-heading h2{
 font-family:var(--font-brand);font-size:var(--type-heading);font-weight:900;
 font-style:italic;line-height:.98;letter-spacing:-.025em;
}
.story-title-line{padding:.08em .16em .1em 0;margin:-.08em -.16em -.1em 0}
.our-story .story-copy .yellow-rule{
 width:48px;height:3px;margin:var(--space-6) 0;
}
.our-story .story-copy .story-lead{
 font-size:var(--type-lead);font-weight:650;line-height:1.45;
 letter-spacing:-.025em;margin:0 0 var(--space-6);
}
.our-story .story-copy .story-description{
 font-size:var(--type-body);font-weight:500;line-height:1.7;
 letter-spacing:-.015em;color:var(--copy-muted);max-width:48ch;
}
.story-motion[data-phase="reading"] .story-copy{transform:translateY(-50%)}
.our-story:not(.story-motion) .story-stage{min-height:620px}
.our-philosophy{background:var(--paper);min-height:0}
.philosophy-content-frame{
 min-height:0;padding:var(--space-section) var(--page-gutter);
}
.philosophy-heading{width:min(600px,100%);margin-bottom:var(--space-8)}
.philosophy-heading h2>span:first-child{transform:none}
.philosophy-heading .eyebrow{
 font-size:11px;font-weight:650;letter-spacing:.14em;gap:var(--space-4);
 margin-bottom:var(--space-6);color:var(--copy-muted);
}
.philosophy-heading .eyebrow i{width:48px}
.philosophy-heading p{
 font-size:var(--type-body);line-height:1.7;font-weight:500;
 letter-spacing:-.015em;color:var(--copy-muted);margin:var(--space-6) 0 0;
}
.philosophy-ghost{opacity:.1}
.belief-grid{gap:var(--space-6)}
.belief-card{
 padding:var(--space-6);min-height:0;background:#fff;border:0;
}
.belief-visual{margin-bottom:var(--space-6);gap:var(--space-3)}
.belief-number{width:28px}
.belief-number small{font:650 12px/1.4 var(--font-copy);margin-top:8px}
.belief-number>span{display:none}
.belief-card h3{
 font:750 var(--type-card)/1.2 var(--font-copy);letter-spacing:-.025em;
 margin:0 0 var(--space-4);
}
.belief-card h4{
 font:650 16px/1.5 var(--font-copy);letter-spacing:-.015em;margin:0 0 var(--space-3);
}
.belief-card p{
 font-size:15px;line-height:1.7;font-weight:500;letter-spacing:-.015em;
 color:var(--copy-muted);max-width:none;
}
.learn-more{font-size:12px;font-weight:750;min-height:44px;padding:var(--space-6) 0 0;gap:20px}
.editorial-dialog h2{font-family:var(--font-brand);font-style:italic;line-height:.98;font-weight:900}
.editorial-dialog p{font-family:var(--font-copy);font-size:16px;line-height:1.7}
@media(min-width:701px) and (max-width:1000px){
 :root{--type-heading:clamp(42px,5.4vw,54px)}
 .story-background{width:43%;height:58svh}
 .our-story .story-copy{left:54%;width:calc(46% - var(--page-gutter))}
 .belief-grid{gap:16px}
 .belief-card{padding:18px}
 .belief-card h3{font-size:20px}
 .belief-number{width:22px}
 .belief-visual{gap:8px}
}
@media(max-width:700px){
 :root{--type-heading:clamp(40px,10.5vw,62px);--type-body:15px;--type-lead:20px;--type-card:22px}
 .intro-slogan,.slogan-carry span,.story-slogan-background span{font-size:clamp(64px,16vw,112px)}
 .our-story{--story-photo-top:32px;--story-photo-height:clamp(180px,29svh,280px)}
 .story-background{inset:var(--story-photo-top) 24px auto;width:auto;height:var(--story-photo-height)}
 .our-story .story-content-frame,.story-motion .story-content-frame{
  height:auto;max-width:none;padding-top:calc(var(--story-photo-height) + var(--story-photo-top));
 }
 .our-story .story-copy,.story-motion[data-phase="reading"] .story-copy{
  position:relative;left:auto;top:auto;width:auto;max-width:none;transform:none;
  padding:32px 24px 40px;
 }
 .our-story .story-copy .yellow-rule{margin:20px 0}
 .our-story .story-copy .story-lead{margin-bottom:20px}
 .our-story:not(.story-motion) .story-stage{min-height:0}
 .philosophy-heading{margin-bottom:32px}
 .belief-grid{gap:20px}
 .belief-card{padding:24px}
 .belief-visual{margin-bottom:24px}
 .belief-card p{font-size:15px;line-height:1.7}
 .belief-card h3{font-size:var(--type-card)}
}
@media(max-width:700px) and (max-height:700px){
 .our-story{--story-photo-height:180px;--story-photo-top:24px}
 .our-story .story-copy{padding-top:24px;padding-bottom:28px}
 .our-story .story-copy .yellow-rule{margin:16px 0}
 .our-story .story-copy .story-lead{font-size:18px;margin-bottom:16px}
 .our-story .story-copy .story-description{font-size:14px}
}