/* LAFYM — identity based on Instagram92.png. Shared by all institutional pages. */
:root{--ink:#061426;--ink-soft:#4d5965;--ink-faint:#697681;--brown:#10263e;--brown-deep:#061426;--blue:#536777;--blue-light:#f8e5d3;--bg:#fbf6ef;--bg-card:#fffaf4;--line:#dcd9d2;--line-soft:#eae5de;--status-bg:#061426;--status-text:#bdc4cb;--grid-line:transparent;--container-max:1320px;--container-pad:clamp(22px,5vw,64px)}
body{background-image:none}h1,h2,h3{font-weight:400;letter-spacing:-.045em}h2{font-size:clamp(30px,3.5vw,46px);line-height:1.15}p{line-height:1.75}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #b88657;outline-offset:5px}section{padding:80px 0}.eyebrow{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.2em}.eyebrow::before,.btn::before{content:none}.status-ribbon{background:#061426;border-bottom:1px solid #ffffff14;font-family:var(--sans);font-size:10px;letter-spacing:.1em;padding-top:8px;padding-bottom:8px}.status-ribbon .dot{animation:none;background:#f8e5d3;width:5px;height:5px}
.site-header{background:#061426f5;border-color:#ffffff20}.site-header-inner{padding:17px var(--container-pad);gap:22px}.brand-mark{display:inline-flex;align-items:center;gap:12px;color:#f8e5d3;flex-shrink:0}.brand-symbol{width:43px;height:46px;object-fit:cover}.brand-word{font-size:19px;letter-spacing:.24em;line-height:1.2;font-weight:400}.brand-mark .sub{display:block;color:#f8e5d3;font-size:8px;letter-spacing:.48em;margin-top:5px}.main-nav{gap:23px;align-items:center}.nav-link,.nav-dropdown-toggle{font-family:var(--sans);color:#c8cdd3;font-size:12px}.nav-link.active,.nav-link:hover,.nav-dropdown-toggle:hover,.nav-dropdown[open] .nav-dropdown-toggle{color:#f8e5d3}.nav-dropdown-menu .nav-link{color:var(--ink-soft)}.nav-toggle{border-color:#ffffff40}.nav-toggle span{background:#f8e5d3}
.btn{font-family:var(--sans);font-size:13px;font-weight:500;padding:15px 22px;gap:24px;transition:background .2s,color .2s;min-height:48px}.btn-primary{background:#f8e5d3;color:#061426}.btn-primary:hover{background:#e8c7a7;color:#061426}.section-soft .btn-primary,.studio-services .btn-primary{background:#061426;color:#f8e5d3}.btn-outline-dark{color:#f8e5d3;border-color:#f8e5d35c}.hero-cta{display:flex;flex-wrap:wrap;gap:12px}
.brand-hero{background:#061426;color:#f8e5d3;padding:0;overflow:hidden}.brand-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:590px;gap:60px;padding-top:55px;padding-bottom:55px}.brand-hero .eyebrow{color:#c2b2a2;margin-bottom:30px}.brand-hero h1{font-size:clamp(55px,6.3vw,88px);line-height:1.04;color:#f8e5d3;margin:0 0 25px;letter-spacing:-.065em}.brand-hero em,.service-editorial em{font-family:Georgia,serif;font-weight:400}.hero-description{color:#bcc3cb;font-size:15px;max-width:455px;margin:0 0 30px}.hero-note{font-size:9px;letter-spacing:.22em;color:#a0acb8;margin-top:35px}.hero-signature{display:flex;flex-direction:column;align-items:center;position:relative;padding:0 25px 35px;border-left:1px solid #f8e5d321;background:radial-gradient(ellipse at center,#17304966,transparent 70%)}.hero-signature img{width:340px;max-width:100%;margin-top:-20px;margin-bottom:-40px}.signature-name{font-size:43px;font-weight:400;letter-spacing:.15em}.signature-sub{font-size:17px;letter-spacing:.2em;margin-top:0}.signature-caption{color:#a0acb8;font-size:10px;letter-spacing:.1em;margin-top:42px}.hero-baseline{width:100%;display:flex;justify-content:space-between;border-top:1px solid #ffffff20;padding-top:20px;padding-bottom:20px;font-size:9px;letter-spacing:.15em;color:#bfc6cd}.hero-baseline a{display:flex;gap:30px}
.studio-services{background:#fbf6ef}.services-intro{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:40px;align-items:start;margin-bottom:45px}.services-intro .eyebrow{padding-top:8px}.services-intro p:last-child{font-size:14px;margin:0}.services-duo{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c8c8c2;border-bottom:1px solid #c8c8c2}.service-editorial{padding:35px 45px 35px 0}.service-editorial+ .service-editorial{padding-left:45px;border-left:1px solid #c8c8c2}.service-index{font-size:10px;letter-spacing:.13em;color:#606b73}.service-editorial h3{font-size:43px;line-height:1.12;margin:23px 0 18px}.service-editorial p{max-width:380px;font-size:14px}.service-link{display:block;font-size:12px;margin-top:25px}.service-editorial:hover .service-link{text-decoration:underline;text-underline-offset:5px}
.thumb-showcase{background:#eae6df;padding:70px 0}.thumb-showcase-head h2{color:#061426;font-size:clamp(32px,4vw,46px)}.thumb-showcase-head h2 .thin{color:#53616e}.thumb-showcase-head p{color:#53616e;max-width:540px;margin-top:14px}.thumb-scroll-wrap{margin-top:25px}.thumb-scroll-wrap::before,.thumb-scroll-wrap::after{display:none}#brands-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;cursor:auto}.thumb-card{width:100%;aspect-ratio:4/5;border-radius:0;box-shadow:none;background:#10263e}.thumb-card::after{height:100%;background:linear-gradient(0deg,#061426d9,transparent 65%)}.thumb-card-label{top:auto;bottom:22px;left:22px;text-align:left;padding:0;font-family:var(--display);font-weight:400;font-size:23px;letter-spacing:0;text-transform:none}.thumb-item:hover .thumb-card-photo{opacity:1;transform:scale(1.04)}.thumb-card-photo{transition:transform .4s}
.dark-band{background:#0a1b2e}.dark-band h2,.dark-band h3{color:#f8e5d3}.dark-band .muted,.dark-band .process-step p,.dark-band.story-band .about-grid p,.dark-band .usecase-card p,.dark-band .plan-desc,.dark-band .plan-features li,.dark-band .faq-item p,.dark-band .faq-topic-link{color:#bdc4cb}.about-grid{gap:90px;align-items:center}.about-grid h2{margin-bottom:25px}.fact-card--icon{min-height:320px}.dark-band.story-band .fact-card{background:#061426;border:1px solid #f8e5d329}.fact-card .corner{display:none}.about-icon{max-width:290px}.story-divider,.story-cta{margin-top:75px;padding-top:65px}.story-cta h2{font-size:clamp(32px,4vw,48px)}.story-cta p{color:#bdc4cb}.hero-scrim{background:linear-gradient(90deg,#061426f5,#061426c9)}.hero-video--compact .hero-inner{max-width:850px}.hero-video--compact h1{font-size:clamp(32px,4vw,48px);color:#f8e5d3}.hero-video.hero-video--compact{min-height:310px}.site-footer{border-top:1px solid #ffffff20}.site-footer-inner{padding:60px var(--container-pad)}.footer-muted,.footer-copy{color:#a1acb8}.footer-title{font-family:var(--sans);color:#f8e5d3}.process-step h3{letter-spacing:-.02em}.process-step p{line-height:1.7}
@media(max-width:1100px){.main-nav{gap:14px}.brand-hero-grid{gap:25px}.services-intro{grid-template-columns:1fr 2fr}.services-intro p:last-child{grid-column:2}.signature-name{font-size:32px}}
@media(max-width:880px){.main-nav{align-items:stretch;background:#061426;visibility:hidden}.main-nav.is-open{visibility:visible;max-height:calc(100dvh - 110px);overflow-y:auto}.main-nav .nav-link{border-color:#ffffff20}.nav-dropdown-menu{background:#10263e}.nav-dropdown-menu .nav-link{color:#f8e5d3}.brand-hero-grid{grid-template-columns:1fr 0.8fr;min-height:520px;gap:15px}.brand-hero h1{font-size:60px}.hero-signature{padding:0 0 25px 15px}.signature-name{font-size:27px}.signature-caption{text-align:center;font-size:9px}.services-intro{gap:20px}.service-editorial h3{font-size:35px}#brands-track{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid{gap:30px}}
@media(max-width:600px){section{padding:55px 0}.brand-hero-grid{grid-template-columns:1fr;padding-top:45px;padding-bottom:35px}.brand-hero h1{font-size:61px}.hero-description{font-size:14px}.hero-signature{border-left:0;border-top:1px solid #ffffff20;margin-top:20px;padding-top:15px}.hero-signature img{width:210px;margin-bottom:-28px}.signature-name{font-size:25px}.signature-sub{font-size:11px}.signature-caption{margin-top:20px}.hero-baseline{font-size:8px;gap:20px;align-items:center}.hero-baseline>span{max-width:150px}.services-intro{display:block}.services-intro h2{margin:20px 0}.services-duo{grid-template-columns:1fr}.service-editorial,.service-editorial+ .service-editorial{padding:28px 0;border-left:0}.service-editorial+ .service-editorial{border-top:1px solid #c8c8c2}.thumb-card-label{font-size:21px;left:15px;bottom:15px}#brands-track{gap:12px}.story-divider,.story-cta{margin-top:45px;padding-top:40px}.fact-card--icon{min-height:240px}.hero-note{margin-top:25px}}
/* Center the wordmark optically, compensating for trailing letter spacing. */
.universe-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
.universe-card{background:var(--bg);display:flex;flex-direction:column;min-width:0}
.universe-card>img,.universe-monogram{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center}
.universe-monogram{background:#061426;display:flex;align-items:center;justify-content:center;padding:0!important}
.universe-monogram img{width:75%;height:100%;object-fit:contain}
.universe-card>div:not(.universe-monogram){padding:25px}
.universe-card span,.product-paths span{font-size:9px;letter-spacing:.12em;color:var(--ink-soft)}
.universe-card h3{font-size:25px;margin:12px 0}
.universe-card p{font-size:14px;margin:0}
.universe-card:hover h3{text-decoration:underline;text-underline-offset:5px}
.product-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px}
.product-paths a{border-top:1px solid var(--line);padding-top:25px;display:flex;flex-direction:column}
.product-paths h3{font-size:27px;margin:20px 0 10px}.product-paths p{font-size:15px}
.product-paths b{font-size:12px;font-weight:500;margin-top:auto;padding-top:20px}
@media(max-width:760px){.universe-cards,.product-paths{grid-template-columns:1fr}.universe-card>img,.universe-monogram{aspect-ratio:4/3}.universe-cards{gap:28px}}
.brand-word{text-align:center;padding-left:.24em}
.brand-mark .sub{text-align:center;padding-left:.48em}
.brand-switcher summary{min-width:32px;min-height:44px;justify-content:center}
.brand-hero-grid>*,.services-intro>*,.services-duo>*,.about-grid>*{min-width:0}
.btn{max-width:100%;overflow-wrap:anywhere;text-align:center;justify-content:center}
.footer-copy{padding-left:22px;padding-right:22px}
@media(max-width:880px){
  html{scroll-padding-top:100px}
  .site-header-inner{gap:12px;padding-top:12px;padding-bottom:12px}
  .brand-switcher{position:static}
  .brand-switcher-menu{left:var(--container-pad);right:var(--container-pad);top:100%;min-width:0;max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto}
  .main-nav.is-open{max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);overscroll-behavior:contain}
  .nav-dropdown-toggle{min-height:48px;justify-content:space-between;width:100%}
  .nav-dropdown-menu{grid-template-columns:minmax(0,1fr);gap:18px;width:100%}
  .nav-dropdown-group-title{color:var(--blue-light)}
  .nav-dropdown-group .nav-link{font-size:14px;min-height:44px}
  .site-footer-inner a{min-height:44px;display:flex;align-items:center;margin-bottom:0;overflow-wrap:anywhere}
  .faq-item summary{font-size:16px;line-height:1.5;padding:5px 0}
  .form-grid input,.form-grid select,.form-grid textarea{font-size:16px;max-width:100%}
}
@media(min-width:601px) and (max-width:880px){
  .brand-hero h1{font-size:clamp(42px,6.8vw,60px)}
  .process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
  .process-step{border-left:0;padding-left:0}
}
@media(max-width:600px){
  .brand-hero h1{font-size:clamp(45px,13vw,61px)}
  .hero-cta{width:100%}
  .hero-cta .btn{width:100%;justify-content:center}
  .hero-video .hero-inner{min-width:0}
  .hero-video--compact h1{overflow-wrap:anywhere}
  .plan-grid,.usecase-grid{grid-template-columns:minmax(0,1fr)}
  .thumb-card-label{font-size:clamp(17px,4.8vw,21px)}
  .hero-description,.about-grid p,.process-step p,.plan-desc,.plan-features li,.usecase-card p,.faq-item p{font-size:15px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-video-bg{display:none}}