@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');

:root {
  --ink: #10100f;
  --ink-2: #1b1b18;
  --paper: #f7f3e8;
  --paper-2: #ebe5d5;
  --yellow: #f7c900;
  --yellow-light: #ffdf3f;
  --line: #24231e;
  --muted: #747064;
  --display: 'Barlow Condensed', Impact, sans-serif;
  --body: 'DM Sans', Arial, sans-serif;
  --content: min(1160px, calc(100% - 2.5rem));
  --ease: 180ms cubic-bezier(.2,.75,.3,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 5.5rem; }
body { margin: 0; color: var(--ink); background: var(--paper); font: 400 16px/1.6 var(--body); overflow-x: clip; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font: inherit; }
.container { width: var(--content); margin-inline: auto; }

.ambient, .particles, .orbital-grid { display: none; }
.site-shell { overflow: hidden; }
.site-header { position: sticky; top: 0; z-index: 20; background: rgba(247,243,232,.94); border-bottom: 1px solid transparent; transition: .2s ease; }
.site-header.scrolled { border-color: var(--line); box-shadow: 0 5px 0 rgba(16,16,15,.08); }
.nav { min-height: 5.25rem; display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; }
.brand { display: flex; align-items: center; gap: .7rem; font-size: .86rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.brand img { width: 2.85rem; height: 2.85rem; border: 2px solid var(--ink); object-fit: cover; border-radius: 50%; }
.brand span { white-space: nowrap; }
.nav, .nav-links, .nav-actions { display: flex; align-items: center; }
.nav-links { gap: 1.6rem; list-style: none; padding: 0; margin: 0; color: #4c4a43; font-size: .88rem; font-weight: 700; }
.nav-links a { position: relative; padding-block: .4rem; }
.nav-links a::after { content: ''; position: absolute; height: 3px; inset: auto 0 -.05rem; background: var(--yellow); transform: scaleX(0); transition: transform var(--ease); }
.nav-links a:hover::after, .nav-links a:focus-visible::after { transform: scaleX(1); }
.menu-toggle { display: none; background: var(--yellow); border: 2px solid var(--ink); width: 2.8rem; height: 2.6rem; font-size: 1.15rem; cursor: pointer; }

.btn { display: inline-flex; align-items: center; justify-content: center; gap: .75rem; min-height: 2.8rem; padding: .7rem 1rem; border: 2px solid var(--ink); box-shadow: 3px 3px 0 var(--ink); font-size: .8rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; transition: transform var(--ease), box-shadow var(--ease), background var(--ease); }
.btn:hover { transform: translate(2px,2px); box-shadow: 1px 1px 0 var(--ink); }
.btn-primary { background: var(--yellow); }
.btn-primary span { font-size: 1.15rem; line-height: 0; }
.btn-secondary { background: transparent; }

.hero { position: relative; padding: clamp(4rem,8vw,7rem) 0 clamp(3.2rem,6vw,5.5rem); background: var(--yellow); border-bottom: 2px solid var(--ink); }
.hero::before { content: ''; position: absolute; inset: 0; opacity: .15; background-image: linear-gradient(45deg, var(--ink) 25%, transparent 25%), linear-gradient(-45deg, var(--ink) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--ink) 75%), linear-gradient(-45deg, transparent 75%, var(--ink) 75%); background-size: 24px 24px; background-position: 0 0,0 12px,12px -12px,-12px 0; mask-image: linear-gradient(90deg, black, transparent 65%); }
.hero-grid { position: relative; display: grid; grid-template-columns: 1.05fr .8fr; align-items: center; gap: clamp(2rem,6vw,6rem); }
.hero-copy { max-width: 43rem; }
.eyebrow { display: inline-flex; align-items: center; gap: .5rem; margin-bottom: 1.2rem; color: var(--ink); font-size: .72rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.dot { width: .6rem; height: .6rem; border-radius: 50%; background: var(--ink); }
h1,h2,h3,p { margin-top: 0; }
.hero h1, h2, h3 { font-family: var(--display); font-weight: 800; letter-spacing: -.02em; text-transform: uppercase; }
.hero h1 { max-width: 8ch; margin-bottom: 1.2rem; font-size: clamp(4.5rem,9vw,8.5rem); line-height: .78; }
.highlight { color: var(--paper); -webkit-text-stroke: 1.5px var(--ink); text-shadow: 3px 3px 0 var(--ink); }
.hero-copy > p { max-width: 34rem; margin-bottom: 1.8rem; color: #302f2a; font-size: 1.05rem; }
.hero-actions { display: flex; flex-wrap: wrap; gap: .9rem; }
.hero-level { display: grid; grid-template-columns: auto minmax(6rem,12rem) auto; align-items: center; gap: .75rem; margin-top: 2.5rem; font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.hero-level div:first-child { display: flex; align-items: baseline; gap: .5rem; }
.hero-level strong { font: 900 1.3rem/1 var(--display); }
.progress-track { height: .65rem; padding: 2px; background: var(--ink); }
.progress-track i { display: block; width: 72%; height: 100%; background: var(--paper); }
.hero-level small { font-size: .65rem; }

.hero-scoreboard { position: relative; background: var(--ink); color: var(--paper); border: 3px solid var(--ink); box-shadow: 10px 10px 0 rgba(16,16,15,.25); transform: rotate(2deg); }
.scoreboard-top { display: flex; justify-content: space-between; padding: .65rem .85rem; border-bottom: 2px solid #49483e; color: #d1ccbc; font-size: .66rem; font-weight: 800; letter-spacing: .1em; }
.scoreboard-top b { padding: .05rem .35rem; background: var(--yellow); color: var(--ink); }
.scoreboard-main { display: flex; align-items: center; gap: 1rem; padding: 1.7rem 1.25rem; background: var(--paper); color: var(--ink); }
.scoreboard-main img { width: 4rem; aspect-ratio: 1; object-fit: cover; border: 2px solid var(--ink); border-radius: 50%; }
.scoreboard-main span, .scoreboard-stats span { display: block; font-size: .65rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.scoreboard-main strong { display: block; font: 800 clamp(1.7rem,3vw,2.5rem)/.9 var(--display); text-transform: uppercase; }
.scoreboard-stats { display: grid; grid-template-columns: repeat(3,1fr); }
.scoreboard-stats div { padding: 1.2rem .8rem; border-right: 1px solid #49483e; }
.scoreboard-stats div:last-child { border: 0; }
.scoreboard-stats strong { display: block; color: var(--yellow); font: 800 2rem/1 var(--display); }
.scoreboard-stats span { margin-top: .35rem; color: #c8c3b5; font-size: .55rem; }
.scoreboard-footer { display: flex; align-items: center; gap: .45rem; padding: .7rem .85rem; border-top: 2px solid #49483e; color: var(--yellow); font-size: .6rem; font-weight: 800; letter-spacing: .08em; }
.scoreboard-footer i { width: .55rem; height: .55rem; background: var(--yellow); margin-left: auto; }
.scoreboard-footer i ~ i { margin-left: 0; }

.section { padding: clamp(4rem,8vw,7rem) 0; }
#stats { padding: 1.25rem 0; background: var(--ink); color: var(--paper); }
.stats-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.stat-card { min-height: 10.5rem; padding: 1.35rem; border-right: 1px solid #46453d; }
.stat-card:last-child { border: 0; }
.stat-card > span { color: var(--yellow); font-size: .67rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.stat-card strong { display: block; margin-top: .45rem; font: 800 clamp(2.4rem,4vw,4rem)/.9 var(--display); }
.stat-card p { margin: .65rem 0 0; color: #bdb9ad; font-size: .78rem; line-height: 1.45; }
.section-header { display: flex; justify-content: space-between; align-items: end; margin-bottom: 2.5rem; }
.section-copy { max-width: 43rem; }
.section h2 { margin-bottom: .8rem; font-size: clamp(3rem,6vw,5.5rem); line-height: .84; }
.section-copy > p { color: var(--muted); }

.games-marquee { overflow: visible; }
.games-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; width: auto; }
.game-card { position: relative; display: grid; grid-template-columns: 5.4rem minmax(0,1fr); align-items: stretch; gap: 1rem; min-height: 14.5rem; padding: 1rem; border: 2px solid var(--ink); background: var(--paper-2); box-shadow: 4px 4px 0 var(--ink); transition: transform var(--ease), box-shadow var(--ease), background var(--ease); }
.game-card:hover { background: var(--yellow); transform: translate(2px,2px); box-shadow: 2px 2px 0 var(--ink); }
.game-card.is-featured { grid-column: span 2; background: var(--yellow); }
.game-icon { display: grid; place-items: center; align-self: start; width: 5.4rem; aspect-ratio: 1; overflow: hidden; border: 2px solid var(--ink); border-radius: 0; background: var(--ink); color: var(--yellow); }
.game-icon img { width: 100%; height: 100%; object-fit: cover; }
.game-icon-fallback { font: 800 3.4rem var(--display); }
.game-details { display: flex; flex-direction: column; min-width: 0; }
.game-meta { display: flex; justify-content: space-between; align-items: center; margin-bottom: .7rem; font-size: .63rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.game-number { color: #6c6758; font: 800 1rem/1 var(--display); }
.game-details h3 { margin: 0 0 .55rem; font-size: clamp(1.75rem, 2.7vw, 2.45rem); line-height: .85; }
.game-summary { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #5c584d; font-size: .76rem; line-height: 1.45; }
.game-action { margin-top: auto; padding-top: .8rem; font-size: .66rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }

.about-grid { display: grid; grid-template-columns: 1.1fr .9fr; border: 2px solid var(--ink); }
.about-panel { padding: clamp(1.6rem,4vw,3.5rem); }
.about-panel h3 { margin-bottom: 1rem; font-size: clamp(2.5rem,4vw,4rem); line-height: .87; }
.about-panel p { color: var(--muted); }
.about-list { display: grid; gap: .9rem; padding: 0; margin: 1.5rem 0 0; list-style: none; }
.about-list li { display: grid; grid-template-columns: .8rem 1fr; gap: .7rem; color: #46433c; font-size: .9rem; }
.about-list i { width: .65rem; height: .65rem; margin-top: .45rem; border-radius: 50%; background: var(--yellow); border: 1px solid var(--ink); }
.studio-dashboard { display: flex; flex-direction: column; justify-content: center; min-height: 25rem; border-left: 2px solid var(--ink); background: var(--yellow); }
.dashboard-label { display: inline-flex; align-items: center; gap: .5rem; margin-bottom: 2.4rem; font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.dashboard-readout span { display: block; margin-bottom: .45rem; font-size: .66rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.dashboard-readout strong { display: block; max-width: 8ch; font: 800 clamp(2.8rem,5vw,4.5rem)/.82 var(--display); letter-spacing: -.02em; text-transform: uppercase; }
.dashboard-readout p { min-height: 4.8em; margin: 1.2rem 0 0; color: #3d3a30; font-size: .87rem; line-height: 1.5; }
.dashboard-meter { height: .8rem; margin: 1.5rem 0 1.25rem; padding: 2px; background: var(--ink); }
.dashboard-meter i { display: block; width: 72%; height: 100%; background: var(--paper); transition: width .28s var(--ease); }
.dashboard-tabs { display: grid; grid-template-columns: repeat(3,1fr); gap: .45rem; }
.dashboard-tab { min-height: 2.5rem; border: 2px solid var(--ink); background: transparent; color: var(--ink); cursor: pointer; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; transition: background var(--ease), color var(--ease), transform var(--ease); }
.dashboard-tab:hover, .dashboard-tab:focus-visible { transform: translateY(-2px); }
.dashboard-tab.is-active { background: var(--ink); color: var(--yellow); }

#services { background: var(--ink); color: var(--paper); }
#services .eyebrow { color: var(--yellow); }
#services .dot { background: var(--yellow); }
#services .section-copy > p { color: #c7c2b6; }
.services-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.service-card { position: relative; min-height: 11rem; padding: 1.25rem; background: var(--ink-2); border: 1px solid #4c4a41; transition: transform var(--ease), background var(--ease); }
.service-card:hover { background: #27261f; transform: translateY(-4px); }
.service-card summary { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .85rem; cursor: pointer; list-style: none; }
.service-card summary::-webkit-details-marker { display:none; }
.service-icon { display: grid; place-items: center; width: 2.8rem; height: 2.8rem; background: var(--yellow); color: var(--ink); border-radius: 50%; font-size: 1.25rem; }
.service-icon svg { width: 1.3rem; height: 1.3rem; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.service-card h3 { margin: 0 0 .25rem; font-size: 1.45rem; line-height: .92; }
.service-card p { margin: 0; color: #c2bdaf; font-size: .78rem; line-height: 1.4; }
.service-card summary::after { content:'+'; color: var(--yellow); font: 800 1.5rem/1 var(--display); }
.service-card[open] summary::after { content:'–'; }
.service-list { display: grid; gap: .35rem; padding: 1rem 0 0; margin: 1rem 0 0; border-top: 1px solid #4c4a41; list-style: none; color: #d2cdc0; font-size: .78rem; }
.service-list li { display: grid; grid-template-columns: .7rem 1fr; }
.service-list li::before { content: '›'; color: var(--yellow); font-weight: 800; }

/* Capability tree: a focused, expandable production menu. */
.services-grid { display: block; counter-reset: service; border-top: 1px solid #4c4a41; }
.service-card { counter-increment: service; min-height: 0; padding: 0; background: transparent; border: 0; border-bottom: 1px solid #4c4a41; transition: background var(--ease), color var(--ease); }
.service-card:hover { background: #22211d; transform: none; }
.service-card summary { grid-template-columns: 2.8rem 3.2rem minmax(0,1fr) auto; gap: 1rem; padding: 1.15rem .4rem; }
.service-card summary::before { content: '0' counter(service); color: #777368; font: 800 1.05rem/1 var(--display); letter-spacing: .06em; }
.service-icon { width: 2.55rem; height: 2.55rem; background: #333129; color: var(--yellow); border: 1px solid #5b584e; font-size: 1.05rem; transition: background var(--ease), color var(--ease); }
.service-card h3 { margin: 0 0 .18rem; font-size: clamp(1.35rem,2.2vw,1.85rem); }
.service-card p { color: #b9b4a7; font-size: .8rem; }
.service-card summary::after { display: grid; place-items: center; width: 2rem; height: 2rem; border: 1px solid #605d54; color: var(--yellow); }
.service-card[open] { background: var(--yellow); color: var(--ink); }
.service-card[open] .service-icon { background: var(--ink); border-color: var(--ink); color: var(--yellow); }
.service-card[open] summary::before, .service-card[open] p { color: #413d2d; }
.service-card[open] summary::after { background: var(--ink); border-color: var(--ink); color: var(--yellow); }
.service-list { grid-template-columns: repeat(3,minmax(0,1fr)); gap: .45rem 1.2rem; padding: 0 1rem 1.35rem 7rem; margin: 0; border: 0; color: #302d24; }
.service-list li::before { color: var(--ink); }

.contact-panel { padding: clamp(2rem,7vw,5rem); text-align: center; border: 2px solid var(--ink); background: var(--yellow); box-shadow: 9px 9px 0 var(--ink); }
.contact-panel .eyebrow { margin-inline: auto; }
.contact-panel h2 { margin-bottom: 1rem; font-size: clamp(3rem,6vw,5.5rem); line-height: .84; }
.contact-panel p { max-width: 39rem; margin: 0 auto 1.25rem; color: #36342e; }
.contact-email { color: var(--ink)!important; font-weight: 800; }
.socials { display: flex; justify-content: center; flex-wrap: wrap; gap: .6rem; margin-top: 1.5rem; }
.socials a { min-width: 6.5rem; padding: .6rem .8rem; border: 2px solid var(--ink); background: var(--paper); font-size: .73rem; font-weight: 800; text-transform: uppercase; transition: background var(--ease); }
.socials a:hover { background: var(--ink); color: var(--paper); }
.footer { padding: 2.2rem 0; background: var(--ink); color: #c4c0b3; }
.footer-panel { display:flex; justify-content:space-between; align-items:center; gap:1rem; font-size:.78rem; }
.footer-nav { display:flex; gap:1.2rem; color:var(--yellow); font-weight:700; }
.scroll-top { position: fixed; right: 1.25rem; bottom: 1.25rem; z-index: 5; display:grid; place-items:center; width:3rem; height:3rem; border:2px solid var(--ink); background:var(--yellow); box-shadow:3px 3px 0 var(--ink); cursor:pointer; opacity:0; pointer-events:none; transition:.2s ease; }
.scroll-top.is-visible { opacity:1; pointer-events:auto; }

[data-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .6s var(--ease), transform .6s var(--ease); }
[data-reveal].is-visible { opacity: 1; transform: none; }
[data-reveal="scale"] { transform: scale(.94) rotate(2deg); }
[data-reveal="scale"].is-visible { transform: rotate(2deg); }

@media (max-width: 900px) {
  .hero-grid, .about-grid { grid-template-columns: 1fr; }
  .hero-copy { max-width: 40rem; }
  .hero-scoreboard { width: min(31rem, 100%); justify-self: center; }
  .studio-dashboard { min-height: 18rem; border-left: 0; border-top: 2px solid var(--ink); }
  .services-grid { grid-template-columns: repeat(2,1fr); }
  .stats-grid { grid-template-columns: repeat(2,1fr); }
  .games-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .game-card.is-featured { grid-column: span 2; }
  .stat-card:nth-child(2) { border-right: 0; }
  .stat-card:nth-child(-n+2) { border-bottom: 1px solid #46453d; }
}
@media (max-width: 680px) {
  :root { --content: min(100% - 1.5rem, 1160px); }
  .nav { min-height:4.55rem; }
  .brand img { width:2.35rem; height:2.35rem; }
  .brand { font-size:.72rem; }
  .nav-actions { display:none; }
  .menu-toggle { display:grid; place-items:center; order:2; }
  .nav-links { position:fixed; inset:4.7rem .75rem auto; display:grid; gap:0; padding:.5rem; background:var(--paper); border:2px solid var(--ink); box-shadow:5px 5px 0 var(--ink); opacity:0; pointer-events:none; transform:translateY(-.5rem); transition:.2s ease; }
  .nav-links.open { opacity:1; pointer-events:auto; transform:none; }
  .nav-links a { display:block; padding:.75rem; }
  .hero { padding-block:3.8rem; }
  .hero h1 { font-size:clamp(4rem,17vw,6.6rem); }
  .hero-copy > p { font-size:.95rem; }
  .hero-actions { display:grid; max-width:20rem; }
  .hero-level { grid-template-columns:auto 1fr; }
  .hero-level small { grid-column:1/-1; }
  .scoreboard-main { padding:1.25rem .9rem; }
  .scoreboard-stats div { padding:1rem .5rem; }
  .scoreboard-stats strong { font-size:1.65rem; }
  .section { padding-block:3.8rem; }
  .section h2 { font-size:clamp(3rem,14vw,4.5rem); }
  .stats-grid, .services-grid { grid-template-columns:1fr; }
  .games-grid { grid-template-columns: 1fr; }
  .game-card, .game-card.is-featured { grid-column: auto; min-height: 12rem; }
  .service-card summary { grid-template-columns: 2.1rem 2.7rem minmax(0,1fr) 1.8rem; gap: .55rem; padding: .95rem .1rem; }
  .service-card summary::before { font-size: .9rem; }
  .service-card p { font-size: .72rem; }
  .service-list { grid-template-columns: 1fr; padding: 0 1rem 1.1rem 4.8rem; }
  .stat-card, .stat-card:nth-child(2) { border-right:0; border-bottom:1px solid #46453d; min-height:auto; }
  .stat-card:last-child { border-bottom:0; }
  .game-card { flex-basis:16rem; }
  .footer-panel { justify-content:center; flex-direction:column; text-align:center; }
}
@media (prefers-reduced-motion: reduce) { *,*:before,*:after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; } [data-reveal] { opacity:1; transform:none!important; } }

/* Privacy Policy — uses the same visual system as the main site. */
.policy-header { position:relative; overflow:hidden; padding:clamp(3rem,8vw,6rem) 0; background:var(--yellow); border-bottom:2px solid var(--ink); }
.policy-header::before { position:absolute; inset:0; content:''; opacity:.15; background-image:linear-gradient(45deg,var(--ink) 25%,transparent 25%),linear-gradient(-45deg,var(--ink) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--ink) 75%),linear-gradient(-45deg,transparent 75%,var(--ink) 75%); background-size:24px 24px; background-position:0 0,0 12px,12px -12px,-12px 0; }
.policy-header-inner { position:relative; display:flex; align-items:center; gap:1.5rem; }
.logo-img { display:grid; flex:0 0 auto; place-items:center; width:5.25rem; height:5.25rem; border:2px solid var(--ink); border-radius:50%; background:var(--paper); box-shadow:5px 5px 0 var(--ink); }
.logo-img img { width:100%; height:100%; border-radius:50%; object-fit:cover; }
.section-label { margin:0 0 .45rem; font-size:.72rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.policy-header h1 { margin:0; font:800 clamp(4rem,9vw,7rem)/.8 var(--display); letter-spacing:-.02em; text-transform:uppercase; }
.policy-header p:not(.section-label) { margin:.7rem 0 0; font-size:.9rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.policy-section { padding:clamp(3rem,7vw,6rem) 0; }
.policy-section .container { max-width:900px; padding:clamp(1.5rem,5vw,3.5rem); border:2px solid var(--ink); background:var(--paper-2); box-shadow:8px 8px 0 var(--ink); }
.policy-meta { display:inline-block; margin:0 0 1.8rem; padding:.45rem .65rem; border:2px solid var(--ink); background:var(--yellow); font-size:.76rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.policy-section h2 { margin:2.35rem 0 .7rem; padding-top:1.2rem; border-top:1px solid #a9a390; font:800 clamp(1.8rem,4vw,2.5rem)/.9 var(--display); letter-spacing:-.01em; text-transform:uppercase; }
.policy-section h2:first-of-type { padding-top:0; border-top:0; }
.policy-section p { margin:0 0 1rem; color:#3d3a33; }
.policy-section ul { display:grid; gap:.35rem; margin:0 0 1rem; padding:0; list-style:none; }
.policy-section li { display:grid; grid-template-columns:.65rem 1fr; gap:.65rem; color:#3d3a33; }
.policy-section li::before { width:.5rem; height:.5rem; margin-top:.55rem; border:1px solid var(--ink); border-radius:50%; background:var(--yellow); content:''; }
.policy-section a { font-weight:800; }
.policy-footer { margin:0; }
@media (max-width:680px) { .policy-header-inner { align-items:flex-start; gap:1rem; } .logo-img { width:3.75rem; height:3.75rem; } .policy-header h1 { font-size:clamp(3.5rem,17vw,5rem); } .policy-section .container { box-shadow:5px 5px 0 var(--ink); } }