@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Montserrat:wght@400;500;600&display=swap');:root{--cream:#fbf8f2;--ivory:#f5f0e8;--gold:#ac8046;--ink:#30231c}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:1.8}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}header{position:sticky;top:0;z-index:10;background:rgba(251,248,242,.96);border-bottom:1px solid #e8ded2;backdrop-filter:blur(12px)}.nav{max-width:1360px;margin:auto;padding:19px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-family:'Cormorant Garamond',Georgia,serif;font-size:32px;letter-spacing:.25em}.links{display:flex;gap:34px;flex-wrap:wrap}.links a,.eyebrow{font-size:10px;letter-spacing:.27em;text-transform:uppercase}.links a:hover,.button:hover{color:var(--gold)}main{min-height:70vh}.wrap{max-width:1220px;margin:auto;padding:64px 28px}.narrow{max-width:800px;margin:auto}.eyebrow{color:var(--gold);font-weight:600}.center{text-align:center}h1,h2,h3,.serif{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.08}h1{font-size:clamp(48px,6vw,88px);margin:12px 0 24px}h2{font-size:clamp(36px,4vw,60px);margin:12px 0 24px}h3{font-size:31px;margin:12px 0}.sub{font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;font-style:italic;color:#796b5c}.button{display:inline-block;margin-top:18px;padding:13px 0;border-bottom:1px solid var(--gold);text-transform:uppercase;font-size:10px;font-weight:600;letter-spacing:.17em}.campaign{width:100%;height:auto;margin:28px auto 42px;box-shadow:0 4px 25px #5b341408}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;margin-top:38px}.tile{background:#fffaf4}.tile .photo{height:340px;background:#f3ece4;display:flex;justify-content:center;align-items:center;overflow:hidden}.tile .photo img{height:100%;width:100%;object-fit:contain}.tile .details{padding:25px 30px 33px}.tile p{margin:5px 0}.tile .stone{color:#85776c;font-size:12px}.tile .sub{font-size:19px}.single{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;margin:30px 0 80px}.single img{width:100%;max-height:650px;object-fit:contain;background:#f3ece4}.quote{font-family:'Cormorant Garamond',Georgia,serif;font-size:29px;font-style:italic;color:var(--gold)}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0;background:#eee3d5}.hero img{height:590px;width:100%;object-fit:cover}.hero .copy{padding:10%}.full{max-width:100%}.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.trio img{height:280px;width:100%;object-fit:contain;background:#f2ebe1}.steps{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:20px}.steps button{background:transparent;border:1px solid #b79b77;color:#6e553c;padding:12px 24px;cursor:pointer}.steps button.active{background:#6e553c;color:white}.notice{margin:70px auto 10px;text-align:center;color:#81796f;font-size:11px;max-width:850px}footer{background:#2e1e16;color:#e9d9c4;padding:48px 28px;margin-top:70px}.foot{max-width:1220px;margin:auto;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.foot .logo{font-size:28px}.foot a{display:inline-block;margin-right:20px}.back{font-size:11px;text-transform:uppercase;letter-spacing:.17em;color:var(--gold)}@media(max-width:750px){.nav{flex-direction:column;padding:12px}.links{justify-content:center;gap:12px}.links a{font-size:9px}.wrap{padding:36px 16px}.grid,.single,.hero{grid-template-columns:1fr}.tile .photo{height:290px}.hero img{height:350px}.hero .copy{padding:32px 20px}.trio{grid-template-columns:1fr}.trio img{height:350px}.single{gap:25px}}
/* v2.7: natural-size jewellery photos, comfortable editorial reading width */
html{-webkit-text-size-adjust:100%}
body{font-size:14px}
.wrap{max-width:1120px;padding-top:48px;padding-bottom:48px}
.nav{max-width:1200px}
h1{font-size:clamp(40px,4.6vw,66px)}
h2{font-size:clamp(32px,3.6vw,50px)}
.campaign{max-width:1040px;width:100%;height:auto;object-fit:contain}
.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.tile .photo{height:310px;padding:12px;background:#f6f0e8}
.tile .photo img{width:auto;height:auto;max-width:100%;max-height:293px;object-fit:contain;image-rendering:auto}
.tile .details{padding:20px 22px 26px}
.tile h3{font-size:28px}
.single{gap:5%}
.single img{width:auto;max-width:100%;max-height:520px;justify-self:center}
.hero img{height:460px;object-fit:contain;background:#eee3d5}
.trio img{height:245px;object-fit:contain}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wrap{padding:40px 22px}.campaign{max-width:100%}}
@media(max-width:600px){.grid{grid-template-columns:1fr}.wrap{padding:30px 16px}.tile .photo{height:310px}.hero img{height:320px}.single img{max-height:420px}.campaign{margin:18px auto 25px}.nav{padding:12px 14px}.logo{font-size:27px}}

/* v2.8 — Lovable-inspired alternating candle editorial */
.light-editorial{max-width:1100px;padding-top:65px}
.light-intro{max-width:680px;margin:0 auto 48px}
.light-intro h1{font-size:clamp(40px,5vw,66px);margin:10px 0 18px}
.light-intro h1 em{font-weight:400}
.light-intro p{font-size:13px;line-height:2;color:#80766d;max-width:560px;margin:auto}
.light-ornament{color:#b88d52;margin-top:30px;font-size:15px}
.light-rows{display:flex;flex-direction:column;gap:80px}
.light-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:center;min-height:330px}
.light-row:nth-child(even) .light-image{order:2}
.light-row:nth-child(even) .light-copy{order:1}
.light-image{display:flex;justify-content:center;align-items:center;min-width:0}
.light-image img{display:block;width:auto;height:auto;max-width:min(100%,310px);max-height:380px;object-fit:contain;transition:transform .3s ease}
.light-image:hover img{transform:scale(1.015)}
.light-copy{max-width:390px}
.light-copy h2{font-size:clamp(36px,4vw,53px);margin:9px 0 7px}
.light-notes{color:#817970;font-size:12px;margin:0 0 24px}
.light-quote{font:italic 24px/1.45 'Cormorant Garamond',Georgia,serif;margin:0 0 20px}
.light-actions{display:flex;align-items:center;gap:19px;flex-wrap:wrap}
.light-concept{font-size:9px;letter-spacing:.17em;text-transform:uppercase;border:1px solid #d9c4a7;color:#b2956c;padding:5px 10px}
.light-ritual{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#a47c4c;font-weight:600}
.light-ritual:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:750px){.light-editorial{padding-top:42px}.light-rows{gap:58px}.light-row{grid-template-columns:1fr;gap:15px;min-height:0}.light-row:nth-child(even) .light-image,.light-row:nth-child(even) .light-copy{order:initial}.light-image img{max-width:min(100%,275px);max-height:335px}.light-copy{max-width:450px;margin:0 auto;text-align:center}.light-actions{justify-content:center}.light-intro{margin-bottom:34px}.light-copy h2{font-size:40px}.light-quote{font-size:22px}}
@media(prefers-reduced-motion:reduce){.light-image img{transition:none}.light-image:hover img{transform:none}}


/* v2.9 — Seven distinct gemstone editorial environments */
.flame-hero{background:var(--flame-bg);color:var(--flame-fg);min-height:590px;display:flex;align-items:center}
.flame-hero-inner{width:min(1100px,100%);margin:0 auto;padding:78px 32px;display:grid;grid-template-columns:45% 55%;gap:5%;align-items:center}
.flame-art{display:flex;justify-content:center;align-items:center;min-height:365px}
.flame-art img{display:block;width:auto;height:auto;max-width:min(100%,290px);max-height:370px;object-fit:contain;background:#f8f3eb;padding:14px;box-shadow:0 12px 32px #00000018}
.flame-hero-copy{max-width:510px;padding-right:20px}
.flame-kicker{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--flame-accent);font-weight:600}
.flame-hero-copy h1{font-size:clamp(48px,5.5vw,83px);line-height:1.04;margin:22px 0 28px;color:var(--flame-fg)}
.flame-subtitle{font:italic clamp(20px,2vw,27px)/1.4 'Cormorant Garamond',Georgia,serif;color:var(--flame-fg)}
.flame-concept{display:inline-block;margin-top:13px;border:1px solid var(--flame-accent);color:var(--flame-accent);padding:5px 12px;text-transform:uppercase;letter-spacing:.19em;font-size:9px}
.flame-after{padding-top:42px}
.flame-story{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start;margin-top:75px}
.flame-story h2{margin-top:12px}.flame-gem{color:#81766a}.flame-status{font-size:11px;color:#887b6d}
@media(max-width:750px){.flame-hero{min-height:0}.flame-hero-inner{grid-template-columns:1fr;gap:22px;padding:38px 22px 56px}.flame-art{min-height:0}.flame-art img{max-height:295px;max-width:220px}.flame-hero-copy{text-align:center;padding:0;margin:auto}.flame-hero-copy h1{font-size:clamp(43px,10vw,64px)}.flame-story{grid-template-columns:1fr;gap:12px;margin-top:35px}}
@media(prefers-reduced-motion:reduce){.flame-hero *{animation:none!important;transition:none!important}}


/* v3.0 — refined compact stories and cross-collection navigation */
.flame-after{padding-top:26px;padding-bottom:36px}
.flame-after>.back{display:inline-block;margin:0 0 18px}
.flame-story{margin-top:24px;gap:7%;grid-template-columns:42% 1fr;align-items:center}
.flame-story .eyebrow{font-size:10px}
.flame-gem{font:italic 27px/1.4 'Cormorant Garamond',Georgia,serif;margin:12px 0 0}
.flame-story>div:nth-child(2)>p:first-child{font-size:14px;line-height:1.85;margin-top:0}
.flame-story .quote{font-size:clamp(24px,2.6vw,35px);line-height:1.25;margin:14px 0}
.flame-story .button{margin-top:5px}
.flame-after .notice{margin:32px auto 4px}
.flame-pagination{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid #e5d9cb;border-bottom:1px solid #e5d9cb;margin-top:32px;padding:18px 0}
.flame-pagination a{display:flex;flex-direction:column;gap:2px;padding:8px 4px}
.flame-pagination a:last-child{text-align:right}
.flame-pagination span{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#a07b51}
.flame-pagination strong{font:500 26px/1.2 'Cormorant Garamond',Georgia,serif}
.flame-pagination a:hover strong{text-decoration:underline;text-underline-offset:4px}
.flame-art{flex-direction:column}
.flame-photo-note{font-size:9px;letter-spacing:.09em;color:var(--flame-fg);opacity:.82;margin:12px 0 0;text-align:center}
@media(max-width:750px){.flame-after{padding-top:25px}.flame-story{grid-template-columns:1fr;gap:8px;margin-top:22px}.flame-gem{font-size:24px}.flame-pagination strong{font-size:22px}.flame-after .notice{margin-top:25px}}

/* FABEAU v3.1 layout comparison — no jewellery image changes */
.atelier-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;margin-top:35px}
.atelier-comparison .tile{min-width:0}
.atelier-comparison .tile .photo{min-height:0}
.atelier-323 .tile:nth-child(4){grid-column:1;grid-row:2;transform:translateX(calc(50% + 12px))}
.atelier-323 .tile:nth-child(5){grid-column:2;grid-row:2;transform:translateX(calc(50% + 12px))}
.atelier-323 .tile:nth-child(6){grid-column:1;grid-row:3}
.atelier-323 .tile:nth-child(7){grid-column:2;grid-row:3}
.atelier-editorial-tile{grid-column:3;grid-row:3;background:#4a295f;color:#fff2f7;display:flex;align-items:center;justify-content:center;min-height:460px;padding:35px}
.atelier-editorial-inner{max-width:280px}
.atelier-editorial-tile .eyebrow{color:#e8c7ec}
.atelier-editorial-tile h3{font:normal clamp(35px,3vw,52px)/1.08 Georgia,serif;margin:24px 0;color:#fff2f7}
.atelier-editorial-tile p{line-height:1.7;color:#f2dff4}
.atelier-editorial-tile .button{color:#fff2f7;border-bottom-color:#dcb5e5}
.atelier-featured .enchanted-feature{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%;background:#48265f;color:#fff3fc;overflow:hidden;min-height:410px}
.atelier-featured .enchanted-feature .photo{height:100%;min-height:410px;display:flex;align-items:center;justify-content:center;background:#3e2154}
.atelier-featured .enchanted-feature .photo img{max-height:330px;max-width:250px;object-fit:contain;width:auto;height:auto;box-shadow:0 15px 38px #0002}
.atelier-featured .enchanted-feature .details{padding:35px 45px 35px 0}
.atelier-featured .enchanted-feature .eyebrow{color:#e3b9e9}
.atelier-featured .enchanted-feature h3{font-size:clamp(35px,4vw,55px);color:#fff3fc}
.atelier-featured .enchanted-feature .stone,.atelier-featured .enchanted-feature .sub,.atelier-featured .enchanted-feature .button{color:#f4e4f4}
.atelier-featured .enchanted-feature .button{border-bottom-color:#d6a9dd}
@media(max-width:800px){.atelier-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.atelier-323 .tile:nth-child(4),.atelier-323 .tile:nth-child(5),.atelier-323 .tile:nth-child(6),.atelier-323 .tile:nth-child(7){grid-column:auto;grid-row:auto;transform:none}.atelier-editorial-tile{grid-column:1/-1;grid-row:auto;min-height:280px}.atelier-featured .enchanted-feature{grid-column:1/-1}}
@media(max-width:570px){.atelier-comparison{grid-template-columns:1fr}.atelier-323 .tile:nth-child(4),.atelier-323 .tile:nth-child(5),.atelier-323 .tile:nth-child(6),.atelier-323 .tile:nth-child(7){grid-column:auto;grid-row:auto;transform:none}.atelier-featured .enchanted-feature{grid-template-columns:1fr}.atelier-featured .enchanted-feature .photo{min-height:290px;padding:24px}.atelier-featured .enchanted-feature .details{padding:28px}.atelier-editorial-tile{grid-column:1;min-height:270px}}

/* v3.2 explicit desktop layout: no transforms or overlapping columns */
.layout-version-label{display:block!important;max-width:1100px;margin:20px auto 8px;padding:14px 22px;background:#38271f;color:#fff2e3;text-align:center;letter-spacing:.18em;font:600 12px/1.5 Arial,sans-serif;border-radius:2px}
.atelier-comparison{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:22px!important}
.atelier-comparison>.tile{grid-column:span 2!important;grid-row:auto!important;transform:none!important}
.atelier-323>.tile:nth-child(4){grid-column:2/span 2!important;grid-row:2!important}
.atelier-323>.tile:nth-child(5){grid-column:4/span 2!important;grid-row:2!important}
.atelier-323>.tile:nth-child(6){grid-column:1/span 2!important;grid-row:3!important}
.atelier-323>.tile:nth-child(7){grid-column:3/span 2!important;grid-row:3!important}
.atelier-323>.atelier-editorial-tile{grid-column:5/span 2!important;grid-row:3!important;transform:none!important}
.atelier-featured>.enchanted-feature{grid-column:1/-1!important;grid-row:3!important;display:grid!important;grid-template-columns:1fr 1fr!important;min-height:420px!important}
@media(max-width:800px){.atelier-comparison{grid-template-columns:repeat(2,minmax(0,1fr))!important}.atelier-comparison>.tile,.atelier-323>.tile:nth-child(n),.atelier-323>.atelier-editorial-tile,.atelier-featured>.enchanted-feature{grid-column:auto!important;grid-row:auto!important;transform:none!important}.atelier-323>.atelier-editorial-tile,.atelier-featured>.enchanted-feature{grid-column:1/-1!important}}
@media(max-width:560px){.atelier-comparison{grid-template-columns:1fr!important}.atelier-comparison>.tile,.atelier-323>.tile:nth-child(n),.atelier-323>.atelier-editorial-tile,.atelier-featured>.enchanted-feature{grid-column:1/-1!important;grid-row:auto!important}.atelier-featured>.enchanted-feature{grid-template-columns:1fr!important}}


/* FABEAU v3.3: dynamic featured Flame */
.atelier-dynamic-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
.atelier-dynamic-grid>.tile{grid-column:auto!important;grid-row:auto!important}
.dynamic-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:38px 0 18px;border-top:1px solid #ded5c9;padding-top:22px}
.dynamic-controls p{font-size:13px;margin:7px 0;color:#77695e}
.dynamic-controls button{border:1px solid #b99b77;background:transparent;padding:12px 18px;letter-spacing:.12em;text-transform:uppercase;font-size:10px;cursor:pointer;color:#513928}
.dynamic-controls button:hover,.dynamic-controls button:focus-visible{background:#38271f;color:white}
.dynamic-feature{--featured-bg:#48265f;--featured-fg:#fff3fc;--featured-accent:#d8b8ec;display:grid;grid-template-columns:1fr 1fr;min-height:410px;background:var(--featured-bg);color:var(--featured-fg);margin-bottom:35px}
.dynamic-feature-photo{display:flex;align-items:center;justify-content:center;padding:38px;background:#0000000c}
.dynamic-feature-photo img{width:auto;height:auto;max-width:min(100%,275px);max-height:330px;object-fit:contain;background:#f7f0e8;padding:12px}
.dynamic-feature-copy{padding:52px 40px 45px 20px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.dynamic-feature-kicker{color:var(--featured-accent);font-size:11px;letter-spacing:.23em;text-transform:uppercase}
.dynamic-feature-copy h2{color:var(--featured-fg);font-size:clamp(36px,4.6vw,63px);line-height:1.07;margin:18px 0}
.dynamic-feature-gem{color:var(--featured-fg);font-size:14px;margin:0 0 16px}
.dynamic-feature-motto{color:var(--featured-fg);font:italic 24px/1.4 Georgia,serif;margin:0 0 26px}
.dynamic-feature-link{color:var(--featured-fg);border-bottom:1px solid var(--featured-accent);padding-bottom:9px;text-transform:uppercase;letter-spacing:.13em;font-size:11px}
@media(max-width:800px){.atelier-dynamic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.atelier-dynamic-grid{grid-template-columns:1fr!important}.dynamic-feature{grid-template-columns:1fr;min-height:0}.dynamic-feature-photo{padding:26px}.dynamic-feature-photo img{max-height:255px}.dynamic-feature-copy{padding:26px 30px 38px}.dynamic-controls{flex-direction:column;align-items:flex-start}}

/* v3.5 Little Wonders */
.flutter-intro{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(24px,5vw,85px);padding-top:65px;padding-bottom:65px}.flutter-intro h2,.wonders-story h2{font-size:clamp(38px,5vw,72px);line-height:1.07}.flutter-intro-copy p{max-width:470px}.flutter-intro-image img{width:100%;display:block;object-fit:contain;border-radius:3px}.flutter-footnote,.caption{font-size:12px;opacity:.68;letter-spacing:.03em}.wonders-heading{padding-top:70px;padding-bottom:25px}.wonders-heading h1{font-size:clamp(42px,6vw,80px);line-height:1.06}.wonders-heading .sub{max-width:690px;margin-left:auto;margin-right:auto}.wonders-art img{width:100%;display:block;object-fit:contain}.wonders-art .caption{text-align:center;margin:12px 0 0}.wonders-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);padding-top:75px;padding-bottom:75px}.wonders-story p{line-height:1.8}.wonders-archive{text-align:center;padding-top:50px;padding-bottom:80px}.archive-item{margin:30px auto;max-width:850px;display:flex;justify-content:space-between;gap:15px;padding:20px 0;border-top:1px solid #d8cbb8;border-bottom:1px solid #d8cbb8}.archive-item span{font-size:13px}.nav .links{flex-wrap:wrap}@media(max-width:760px){.flutter-intro,.wonders-story{grid-template-columns:1fr}.flutter-intro{padding-top:40px}.flutter-intro-image{order:-1}.wonders-heading{padding-top:40px}.archive-item{flex-direction:column;gap:7px}}

/* v3.6: Four equal editorial invitations on homepage */
.collection-gateway{padding-top:46px}
.collection-gateway-heading{text-align:center;margin:0 auto 26px}
.collection-gateway-heading h2{font-size:clamp(34px,3.6vw,52px);margin:10px 0}
.collection-gateway-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}
.collection-gateway-card{min-width:0;display:flex;flex-direction:column}
.collection-gateway-image{display:block;background:#f1e8dc;overflow:hidden;aspect-ratio:4/4.5}
.collection-gateway-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.collection-gateway-card:first-child .collection-gateway-image{background:#eee5da}
.collection-gateway-card:first-child .collection-gateway-image img{object-fit:cover;padding:0}
.collection-gateway-image:hover img{transform:scale(1.035)}
.collection-gateway-card .details{flex:1;padding:20px 18px 26px}
.collection-gateway-card h3{font-size:clamp(25px,2.3vw,33px);min-height:2.1em}
.collection-gateway-card .button{font-size:9px;letter-spacing:.12em}
@media(max-width:950px){.collection-gateway-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.collection-gateway-grid{grid-template-columns:1fr}.collection-gateway-image{aspect-ratio:5/3.5}.collection-gateway-card h3{min-height:0}}

/* v4.0: clean high-resolution collection artwork, no inset frame */
.collection-gateway-card:first-child .collection-gateway-image{background:#f3e9df}
.collection-gateway-card:first-child .collection-gateway-image img{object-fit:cover;object-position:center center;padding:0;border:0}
.collection-gateway-card:nth-child(2) .collection-gateway-image img{object-fit:cover;object-position:center center}

/* v4.2: true edge-to-edge Divine Flame collection photograph */
.collection-gateway-card:first-child .collection-gateway-image{padding:0!important;border:0!important;background:transparent!important}
.collection-gateway-card:first-child .collection-gateway-image img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important}

/* v4.3 — mobile refinement, preserving the approved desktop presentation */
@media (max-width: 760px) {
  html { -webkit-text-size-adjust: 100%; }
  .nav { gap: 10px; padding: 13px 16px 12px; }
  .nav .logo { font-size: 29px; line-height: 1.1; }
  .nav .links { width: 100%; display: flex; justify-content: center; gap: 2px 15px; }
  .nav .links a { display: inline-flex; align-items: center; min-height: 38px; padding: 4px 0; font-size: 9px; letter-spacing: .14em; }
  .hero .copy { padding: 30px 22px 38px; }
  .hero img { height: min(105vw, 460px); object-position: center 32%; }
  .hero h1 { font-size: clamp(50px, 13vw, 70px); }
  .hero .sub { font-size: 23px; line-height: 1.3; }
  .flutter-intro { gap: 20px; padding-top: 32px; padding-bottom: 30px; }
  .flutter-intro-image img { max-height: 470px; object-fit: cover; }
  .flutter-intro-copy h2 { font-size: clamp(45px, 12vw, 65px); }
  .collection-gateway { padding-top: 28px; }
  .collection-gateway-heading h2 { font-size: clamp(36px, 9vw, 49px); }
  .collection-gateway-card .details { padding: 19px 18px 24px; }
  .collection-gateway-card .button { min-height: 44px; display: inline-flex; align-items: center; }
  .collection-gateway-grid { gap: 16px; }
  .notice { margin: 40px auto 0; line-height: 1.7; }
  .foot { flex-direction: column; }
  .foot a:not(.logo) { padding: 7px 0; }
}
@media (max-width: 560px) {
  .collection-gateway-grid { grid-template-columns: 1fr; gap: 20px; }
  .collection-gateway-image { aspect-ratio: 1 / 1; }
  .collection-gateway-card h3 { font-size: 35px; }
  .collection-gateway-card .details { padding: 17px 19px 24px; }
  .collection-gateway-card .button { margin-top: 8px; }
  .nav .links { gap: 0 16px; }
  .nav .links a { letter-spacing: .09em; }
  .wrap { padding-left: 18px; padding-right: 18px; }
  .flutter-intro-image img { max-height: 380px; }
  .archive-item { align-items: center; }
}
@media (max-width: 360px) {
  .nav .links { gap: 0 11px; }
  .nav .links a { font-size: 8px; }
  .hero .copy { padding: 25px 17px 32px; }
  .collection-gateway-card h3 { font-size: 31px; }
}
@media (prefers-reduced-motion: reduce) {
  .collection-gateway-image img { transition: none; }
  .collection-gateway-image:hover img { transform: none; }
}