.menu-toggle{pointer-events:auto;position:relative;z-index:32;width:48px;height:48px;display:grid;place-content:center;gap:5px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(8,10,13,.55);color:#fff;backdrop-filter:blur(14px);cursor:pointer;transition:border-color .2s ease,background .2s ease}.menu-toggle:hover,.menu-toggle:focus-visible{border-color:#77afa8;background:rgba(15,22,23,.82);outline:none}.menu-toggle span{display:block;width:19px;height:1.5px;border-radius:2px;background:currentColor;transition:transform .28s ease,opacity .2s ease}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.menu-shell{position:fixed;z-index:30;inset:0;visibility:hidden;pointer-events:none}.menu-shell.is-open{visibility:visible;pointer-events:auto}.menu-backdrop{position:absolute;inset:0;border:0;background:rgba(2,4,6,.64);opacity:0;backdrop-filter:blur(5px);transition:opacity .32s ease;cursor:pointer}.menu-shell.is-open .menu-backdrop{opacity:1}.menu-panel{position:absolute;top:0;right:0;width:min(440px,100%);height:100%;display:flex;flex-direction:column;padding:clamp(102px,13vh,142px) clamp(28px,5vw,62px) 34px;border-left:1px solid rgba(255,255,255,.16);background:linear-gradient(155deg,rgba(15,22,23,.98),rgba(6,9,11,.99));box-shadow:-28px 0 90px rgba(0,0,0,.42);transform:translateX(100%);transition:transform .42s cubic-bezier(.22,.8,.22,1)}.menu-shell.is-open .menu-panel{transform:translateX(0)}.menu-label{margin:0 0 20px;color:#77afa8;font-size:11px;font-weight:650;letter-spacing:.28em;text-transform:uppercase}.menu-nav{display:flex;flex-direction:column}.menu-nav a{display:flex;align-items:baseline;justify-content:space-between;gap:22px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.13);font-family:"Bodoni Moda Variable",Georgia,serif;font-size:clamp(28px,3.2vw,40px);line-height:1;text-decoration:none}.menu-nav a:first-child{border-top:1px solid rgba(255,255,255,.13)}.menu-nav a:after{content:"↗";color:#77afa8;font-family:"Manrope Variable",system-ui,sans-serif;font-size:15px;transition:transform .2s ease}.menu-nav a:hover:after,.menu-nav a:focus-visible:after{transform:translate(4px,-4px)}.menu-contact{margin-top:auto;color:rgba(255,255,255,.68);font-size:12px;line-height:1.6}.menu-contact a{color:#fff}.menu-contact-links{display:flex;gap:18px;margin-top:14px}.menu-contact-links a{text-decoration:none}.menu-contact-links a:hover{color:#77afa8}body.menu-open{overflow:hidden}
.content-page{min-height:100vh;background:radial-gradient(circle at 88% 8%,rgba(47,116,108,.24),transparent 32%),#07090c}.content-header{position:relative}.content-main{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:150px 0 100px}.content-kicker{margin:0 0 18px;color:#77afa8;font-size:11px;font-weight:650;letter-spacing:.28em;text-transform:uppercase}.content-title{max-width:900px;font-size:clamp(58px,9vw,128px);line-height:.88}.content-lede{max-width:760px;margin:30px 0 0;color:rgba(255,255,255,.74);font-size:clamp(18px,2vw,25px);line-height:1.55}.page-divider{height:1px;margin:70px 0;background:rgba(255,255,255,.15)}.about-grid{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:clamp(34px,7vw,100px);align-items:start}.about-portrait{position:sticky;top:110px;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:28px;background:#f3f1ec}.about-portrait img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 24%}.about-copy h2,.article-body h2{margin:0 0 20px;font-family:"Bodoni Moda Variable",Georgia,serif;font-size:clamp(36px,5vw,60px);font-weight:450;line-height:1}.about-copy p,.article-body p,.article-body li{color:rgba(255,255,255,.72);font-size:17px;line-height:1.8}.about-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:40px 0;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);border-radius:20px;overflow:hidden}.about-fact{padding:22px;background:#0b1012}.about-fact span{display:block;color:#77afa8;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.about-fact strong{display:block;margin-top:8px;font-size:16px}.page-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:62px;padding:34px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:rgba(15,22,23,.72)}.page-cta h2{margin:0;font-family:"Bodoni Moda Variable",Georgia,serif;font-size:clamp(31px,4vw,50px);font-weight:450}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.blog-card{display:flex;min-height:410px;flex-direction:column;padding:28px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:linear-gradient(145deg,rgba(15,22,23,.9),rgba(9,12,14,.75));text-decoration:none;transition:transform .25s ease,border-color .25s ease}.blog-card:hover{transform:translateY(-5px);border-color:rgba(119,175,168,.7)}.blog-number{color:#77afa8;font-size:11px;font-weight:700;letter-spacing:.18em}.blog-card h2{margin:auto 0 20px;font-family:"Bodoni Moda Variable",Georgia,serif;font-size:clamp(34px,3.5vw,49px);font-weight:450;line-height:1.02}.blog-card p{margin:0;color:rgba(255,255,255,.66);font-size:14px;line-height:1.65}.blog-card-meta{display:flex;justify-content:space-between;gap:14px;margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.5);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.article-main{width:min(820px,calc(100% - 48px));margin:0 auto;padding:150px 0 100px}.article-title{font-size:clamp(54px,8vw,96px);line-height:.94}.article-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;color:rgba(255,255,255,.52);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.article-body{margin-top:62px;padding-top:52px;border-top:1px solid rgba(255,255,255,.15)}.article-body h2{margin-top:52px;font-size:clamp(31px,4.5vw,46px)}.article-body strong{color:#fff}.article-note{margin-top:52px;padding:22px 24px;border-left:2px solid #77afa8;background:rgba(15,22,23,.7);color:rgba(255,255,255,.68);font-size:14px;line-height:1.7}.content-footer{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:28px 0 44px;border-top:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.58);font-size:12px}.content-footer a{float:right;text-decoration:none}.content-footer a:hover{color:#77afa8}
@media(max-width:820px){.menu-toggle{width:44px;height:44px}.menu-panel{padding-top:94px}.content-main,.article-main{width:min(100% - 36px,1180px);padding-top:118px}.content-title{font-size:clamp(50px,17vw,78px)}.page-divider{margin:46px 0}.about-grid{grid-template-columns:1fr}.about-portrait{position:relative;top:auto;width:min(100%,420px)}.blog-grid{grid-template-columns:1fr}.blog-card{min-height:330px}.page-cta{align-items:flex-start;flex-direction:column;padding:25px}.content-footer{width:calc(100% - 36px)}.content-footer a{float:none;display:block;margin-top:8px}.article-body{margin-top:44px;padding-top:38px}}@media(max-width:440px){.about-facts{grid-template-columns:1fr}.menu-panel{width:100%}}
@media(prefers-reduced-motion:reduce){.menu-panel,.menu-backdrop,.menu-toggle span,.blog-card{transition-duration:.01ms!important}}
.about-portrait img{height:auto;aspect-ratio:auto;object-fit:contain;object-position:center}
.site-header{z-index:40}.privacy-header{position:relative;z-index:40}
.article-intro{color:rgba(255,255,255,.86)!important;font-size:clamp(20px,2.5vw,26px)!important;line-height:1.6!important}.article-body ul,.article-body ol{margin:20px 0;padding-left:24px}.article-body li+li{margin-top:10px}.article-body a{color:#9ac9c3;text-decoration-color:rgba(154,201,195,.45);text-underline-offset:4px}.article-body a:hover{color:#fff}.article-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:38px 0;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);border-radius:20px;overflow:hidden}.article-summary div{padding:22px;background:#0b1012}.article-summary span{display:block;color:#77afa8;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.article-summary strong{display:block;margin-top:8px;font-size:15px;line-height:1.5}.source-list{margin-top:46px;padding:26px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(15,22,23,.62)}.source-list h2{margin-top:0!important;font-size:30px!important}.source-list ul{margin-bottom:0}.related-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:46px}.related-guides a{display:block;padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(15,22,23,.55);text-decoration:none}.related-guides small{display:block;color:#77afa8;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.related-guides strong{display:block;margin-top:8px;font-family:"Bodoni Moda Variable",Georgia,serif;font-size:24px;font-weight:450;line-height:1.1}.article-updated{color:#77afa8}.blog-card:nth-child(1),.blog-card:nth-child(4),.blog-card:nth-child(7),.blog-card:nth-child(10){grid-column:span 2}.blog-card:nth-child(1) h2,.blog-card:nth-child(4) h2,.blog-card:nth-child(7) h2,.blog-card:nth-child(10) h2{max-width:720px}
@media(max-width:820px){.article-summary,.related-guides{grid-template-columns:1fr}.blog-card:nth-child(n){grid-column:auto}}
.scene-card h2{max-width:720px;margin:0;font-family:"Bodoni Moda Variable",Georgia,serif;font-size:clamp(44px,6.35vw,96px);font-weight:450;letter-spacing:.005em;line-height:.94;text-wrap:balance}
@media(max-width:820px){.scene-card h2{font-size:clamp(38px,12vw,60px);line-height:.98}}
@media(max-height:720px) and (min-width:821px){.scene-card h2{font-size:clamp(38px,5.4vw,70px)}}

/* 2026-08-20 type scale: keep key copy and actions in the first laptop view. */
.content-main{padding-top:136px}
.content-title{max-width:980px;font-size:clamp(48px,6vw,88px);line-height:.96}
.article-title{font-size:clamp(46px,6vw,80px);line-height:.98}
.content-lede{max-width:720px;margin-top:24px;font-size:clamp(17px,1.55vw,22px)}
.page-divider{margin:56px 0}
.scene-card{width:min(600px,100%)}
.scene-card h1,.scene-card h2{max-width:580px;font-size:clamp(42px,5.2vw,74px);line-height:.98}
.scene-copy{max-width:540px;margin-top:20px;font-size:clamp(16px,1.2vw,18px)}
@media(max-width:820px){
  .content-main,.article-main{padding-top:108px}
  .content-title{font-size:clamp(42px,13vw,62px);line-height:.98}
  .article-title{font-size:clamp(40px,12vw,58px)}
  .scene-card h1,.scene-card h2{font-size:clamp(36px,10.5vw,52px);line-height:1}
}