/* F&G Liquid Glass V2 — refined rose-pearl depth, crisp meniscus edges, restrained motion. */
:root{
  --lg-edge-hi:rgba(255,255,255,.98);
  --lg-edge-soft:rgba(255,255,255,.60);
  --lg-rose:rgba(216,145,164,.18);
  --lg-rose-strong:rgba(190,112,135,.24);
  --lg-silver:rgba(196,214,235,.17);
  --lg-wine:rgba(112,47,66,.16);
  --lg-shadow:0 40px 108px rgba(104,67,82,.13),0 12px 32px rgba(174,120,139,.07),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(161,103,125,.10);
}

.hero{
  background:
    radial-gradient(ellipse at 50% 24%,rgba(255,255,255,.98),rgba(255,250,249,.78) 30%,transparent 56%),
    radial-gradient(circle at 12% 28%,rgba(239,184,199,.22),transparent 25%),
    radial-gradient(circle at 88% 24%,rgba(215,229,247,.20),transparent 24%),
    linear-gradient(120deg,#f8eaee 0%,#fffaf8 40%,#f7eef3 70%,#eef4fa 100%);
}
.hero::before{
  background-image:
    linear-gradient(rgba(118,76,92,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(118,76,92,.025) 1px,transparent 1px);
  background-size:82px 82px;
  opacity:.56;
}

.liquid-panel{
  border:1px solid transparent;
  background:
    linear-gradient(145deg,rgba(255,255,255,.62),rgba(255,248,250,.34) 46%,rgba(241,231,238,.20)) padding-box,
    linear-gradient(118deg,var(--lg-edge-hi),rgba(246,211,222,.62) 29%,rgba(255,255,255,.92) 53%,rgba(203,221,241,.40) 77%,rgba(255,255,255,.88)) border-box;
  backdrop-filter:blur(30px) saturate(148%) contrast(102%);
  -webkit-backdrop-filter:blur(30px) saturate(148%) contrast(102%);
  box-shadow:var(--lg-shadow);
}
.liquid-panel::before{
  left:-54%;top:-62%;width:31%;height:228%;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 22%,rgba(255,255,255,.78) 49%,rgba(241,198,214,.18) 65%,transparent 100%);
  filter:blur(7px);opacity:.50;animation:lgSpecular 17s cubic-bezier(.42,0,.23,1) infinite;
}
.liquid-panel::after{
  right:-20%;top:-30%;width:54%;height:82%;
  background:radial-gradient(circle at 36% 34%,rgba(255,255,255,.75),rgba(234,198,213,.16) 27%,rgba(201,220,241,.065) 48%,transparent 72%);
  filter:blur(13px) saturate(128%);opacity:.36;animation:lgCaustic 20s ease-in-out infinite alternate;
}

.nav-shell{
  border-color:transparent;
  background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,246,249,.45)) padding-box,linear-gradient(115deg,rgba(255,255,255,1),rgba(242,203,216,.48),rgba(255,255,255,.86),rgba(205,221,239,.34)) border-box;
  box-shadow:0 16px 52px rgba(91,58,71,.095),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(159,105,126,.08);
}
.nav-shell::after{content:"";position:absolute;z-index:3;inset:2px;border-radius:28px;border:1px solid rgba(255,255,255,.36);background:none;filter:none;opacity:1;animation:none;pointer-events:none}
.site-header.scrolled .nav-shell{box-shadow:0 18px 56px rgba(72,44,56,.14),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(159,105,126,.10)}
.brand-mark{border-color:rgba(132,80,99,.14);background:radial-gradient(circle at 32% 25%,rgba(255,255,255,.96),rgba(255,255,255,.55) 28%,transparent 48%),linear-gradient(145deg,rgba(255,255,255,.91),rgba(239,208,218,.56));box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(165,106,127,.10),0 12px 30px rgba(120,76,92,.08)}
.nav-cta{border:1px solid rgba(255,255,255,.44);background:linear-gradient(145deg,#ca8998,#a95f72);box-shadow:0 12px 31px rgba(158,88,108,.19),inset 0 1px 0 rgba(255,255,255,.48),inset 0 -1px 0 rgba(91,43,60,.16);transition:transform .25s ease,box-shadow .25s ease}
.nav-cta:hover{transform:translateY(-1px);box-shadow:0 15px 34px rgba(158,88,108,.24),inset 0 1px 0 rgba(255,255,255,.50)}

.hero-card{outline:1px solid rgba(255,255,255,.34);outline-offset:-4px;box-shadow:0 44px 118px rgba(98,61,76,.14),0 8px 26px rgba(172,116,137,.065),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(156,98,120,.10),inset 14px 0 34px rgba(255,255,255,.12),inset -14px 0 34px rgba(209,223,240,.055)}
.hero-card:hover{box-shadow:0 46px 122px rgba(98,61,76,.15),0 10px 30px rgba(172,116,137,.075),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(156,98,120,.10),inset 14px 0 34px rgba(255,255,255,.12),inset -14px 0 34px rgba(209,223,240,.06)}
.hero h1{text-wrap:balance;text-rendering:optimizeLegibility}
.hero-kicker{letter-spacing:-.025em}
.hero-summary{max-width:980px}
.hero-manifesto .soul-line{font-size:clamp(18px,1.45vw,24px);letter-spacing:.005em}

.button{border:1px solid rgba(255,255,255,.46);box-shadow:0 12px 29px rgba(110,69,86,.10),inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 0 rgba(120,71,91,.10)}
.button::after{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(255,255,255,.18);pointer-events:none}
.button.primary{box-shadow:0 16px 36px rgba(161,91,111,.21),inset 0 1px 0 rgba(255,255,255,.48),inset 0 -1px 0 rgba(82,38,53,.18)}
.button.glass-button{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,244,247,.45));box-shadow:0 12px 30px rgba(119,79,94,.09),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(159,106,126,.08)}
.button:active,.nav-cta:active{transform:translateY(0) scale(.99)}

.glass-orb{border-color:rgba(255,255,255,.82);background:radial-gradient(circle at 30% 23%,rgba(255,255,255,.92),rgba(255,255,255,.28) 22%,transparent 44%),linear-gradient(145deg,rgba(255,255,255,.40),rgba(236,197,212,.10) 46%,rgba(203,222,242,.08));backdrop-filter:blur(10px) saturate(126%);-webkit-backdrop-filter:blur(10px) saturate(126%);box-shadow:inset 18px 16px 36px rgba(255,255,255,.50),inset -18px -18px 36px rgba(142,93,112,.07),0 30px 68px rgba(105,67,83,.07)}
.glass-orb::before{content:"";position:absolute;width:34%;height:18%;left:18%;top:12%;border-radius:50%;background:rgba(255,255,255,.62);filter:blur(8px);transform:rotate(-22deg);pointer-events:none}
.glass-orb::after{content:"";position:absolute;inset:3px;border-radius:inherit;border:1px solid rgba(255,255,255,.22);pointer-events:none}
.orb-one{left:-176px;opacity:.64}.orb-two{right:-128px;opacity:.62}.orb-three{opacity:.50}

.feature-glass{position:relative;overflow:hidden;border:1px solid transparent;background:linear-gradient(145deg,rgba(255,255,255,.67),rgba(255,246,249,.36)) padding-box,linear-gradient(125deg,rgba(255,255,255,.96),rgba(239,204,216,.37),rgba(206,222,240,.26),rgba(255,255,255,.78)) border-box;box-shadow:0 17px 45px rgba(103,66,81,.075),inset 0 1px 0 rgba(255,255,255,.94),inset 0 -1px 0 rgba(159,105,126,.07);backdrop-filter:blur(18px) saturate(138%);-webkit-backdrop-filter:blur(18px) saturate(138%);transition:transform .35s ease,box-shadow .35s ease}
.feature-glass::after{content:"";position:absolute;left:14px;right:14px;top:1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.88),transparent);opacity:.72}
.feature-glass:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(103,66,81,.10),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(159,105,126,.08)}

.thesis{padding-top:38px;padding-bottom:118px;background:linear-gradient(180deg,#fffaf9 0%,#fff7f8 55%,#fbf2f5 100%)}
.thesis-shell{border-radius:36px;padding:58px}
.thesis-heading{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:62px;align-items:end;margin-bottom:44px}
.thesis-heading h2{margin:0;font-family:var(--font-brand);font-weight:500;font-size:clamp(50px,5.8vw,86px);line-height:.93;letter-spacing:-.045em}
.thesis-heading h2 em{font-family:var(--font-soul);font-weight:400;font-style:italic;color:#9f5b6c}
.thesis-heading>p:last-child{margin:0;font-size:17px;line-height:1.72;color:#6d6066;max-width:570px}
.thesis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.thesis-grid article{min-height:220px;padding:27px 25px;border-radius:24px;border:1px solid rgba(255,255,255,.82);background:linear-gradient(150deg,rgba(255,255,255,.66),rgba(250,236,241,.32));box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 15px 38px rgba(109,70,85,.055)}
.thesis-grid b{font-size:9px;letter-spacing:.18em;color:#a45e70;font-weight:500}
.thesis-grid h3{font-family:var(--font-brand);font-size:25px;font-weight:500;line-height:1.05;margin:17px 0 11px}
.thesis-grid p{font-size:13px;line-height:1.6;color:#73666c;margin:0}

.brand-proposition,.culture-manifesto,.company-card,.contact-card{outline:1px solid rgba(255,255,255,.28);outline-offset:-4px}
.dark-glass{border-color:rgba(255,255,255,.17);background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(226,164,184,.04),0 28px 82px rgba(0,0,0,.17)}
.culture-card{transition:transform .35s ease,box-shadow .35s ease}.culture-card:hover{transform:translateY(-3px)}
.portfolio-tags span{box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 8px 20px rgba(120,77,94,.04)}

.brand-copy strong,.hero h1,.hero-kicker,.section-title h2,.section-head h2,.thesis-heading h2{font-family:var(--font-brand);font-weight:500}
.birch-display{font-family:var(--font-luxury);font-weight:400}
.soul-line,.thesis-heading h2 em,.philosophy-inner h2{font-family:var(--font-soul)}
body,.nav-links,.nav-cta,.button,.eyebrow{font-family:var(--font-ui)}

.philosophy h2{font-size:clamp(58px,7.4vw,108px);line-height:.98;row-gap:.1em}
.philosophy h2 span{display:block}
.contact-card h2 em{font-size:.88em;line-height:1.02;display:inline-block}
.contact-card>p:not(.eyebrow){color:#6f5260;text-shadow:0 1px 0 rgba(255,255,255,.42)}
.portfolio .culture-film-trigger{margin-top:20px;width:max-content;max-width:100%}

/* Corrected investment thesis lockup: full-width editorial row, Quador left / Ogg right. */
.thesis-heading{display:block}
.thesis-heading>div{width:100%}
.thesis-heading h2{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(30px,5vw,76px);width:100%;margin:0;font-size:clamp(54px,6vw,88px);line-height:.92}
.thesis-heading h2 br{display:none}
.thesis-heading h2 em{flex:0 1 58%;font-size:clamp(38px,4.1vw,60px);line-height:.94;display:block;margin:0 0 .04em 0;letter-spacing:-.02em}
.thesis-heading>p:last-child{margin:28px 0 0 auto;max-width:640px;font-size:17px;line-height:1.72;color:#6d6066}

@keyframes lgSpecular{0%,20%{left:-56%;opacity:0}30%{opacity:.50}52%{left:126%;opacity:.34}64%,100%{left:126%;opacity:0}}
@keyframes lgCaustic{0%{transform:translate3d(-2%,0,0) rotate(-1deg) scale(.97);border-radius:48% 52% 42% 58%/52% 43% 57% 48%}55%{transform:translate3d(3%,4%,0) rotate(3deg) scale(1.03);border-radius:57% 43% 53% 47%/45% 59% 41% 55%}100%{transform:translate3d(0,7%,0) rotate(-1deg) scale(.99);border-radius:50% 50% 43% 57%/60% 44% 56% 40%}}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.liquid-panel,.feature-glass,.glass-orb{background:rgba(255,250,251,.94)}.nav-shell{background:rgba(255,250,251,.96)}}

@media(max-width:980px){
  .thesis-shell{padding:40px}.thesis-heading{gap:24px}.thesis-grid{grid-template-columns:1fr 1fr}.orb-one{left:-210px}.orb-two{right:-176px}.orb-three{opacity:.38}
  .thesis-heading h2{display:grid;grid-template-columns:1fr;gap:10px;align-items:start}
  .thesis-heading h2 em{font-size:clamp(38px,7vw,58px);line-height:1.02;max-width:760px}
  .thesis-heading>p:last-child{margin-top:22px;max-width:680px}
}

@media(max-width:680px){
  .liquid-panel{backdrop-filter:blur(22px) saturate(138%);-webkit-backdrop-filter:blur(22px) saturate(138%)}.liquid-panel::before{opacity:.30}.liquid-panel::after{opacity:.24}.hero::before{opacity:.34}.glass-orb{opacity:.34}.orb-one{left:-230px}.orb-two{right:-205px}.orb-three{display:none}.feature-glass:hover,.culture-card:hover{transform:none}.thesis{padding-top:20px;padding-bottom:86px}.thesis-shell{padding:28px 20px;border-radius:28px}.thesis-grid{grid-template-columns:1fr}.thesis-grid article{min-height:0}.philosophy h2{font-size:54px;line-height:1.02;row-gap:.08em}.contact-card h2 em{font-size:.9em;line-height:1.04}.portfolio .culture-film-trigger{width:100%}
  .thesis-heading h2{font-size:50px;gap:8px}.thesis-heading h2 em{font-size:40px;line-height:1.04}.thesis-heading>p:last-child{margin-top:18px;font-size:15px}
}

@media(prefers-reduced-motion:reduce){.liquid-panel::before,.liquid-panel::after,.glass-orb{animation:none!important}.feature-glass,.culture-card,.nav-cta,.button{transition:none!important}}
