/* 홍보·소개 페이지 공용 — scripts/build.js가 src/site-page.js에서 만든다(직접 고치지 않기) */

@font-face { font-family: 'Jua'; src: url('/assets/fonts/jua.308cc55c72.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Do Hyeon'; src: url('/assets/fonts/dohyeon.5a9ade3594.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Gaegu'; src: url('/assets/fonts/gaegu.890b2352ae.woff2') format('woff2'); font-display: swap; font-weight: 700; }
@font-face { font-family: 'Pretendard'; src: url('/assets/fonts/pretendard.499190c33d.woff2') format('woff2'); font-display: swap; font-weight: 100 900; }
:root {
  --bg: #FBF8F1;
  --bg-img: linear-gradient(#ECE6D6 1px, transparent 1px), linear-gradient(90deg, #ECE6D6 1px, transparent 1px);
  --bg-size: 24px 24px;
  --sf: #FFFFFF;
  --sf2: #EFEBE1;
  --ink: #26324A;
  --sub: #5A6275;
  --ln: #D9D2C1;
  --bd: #26324A;
  --pri: #26324A;
  --pri-ink: #FFFFFF;
  --pri-shadow: #0F1A2E;
  --sel: #26324A;
  --sel-ink: #FFFFFF;
  --hl: #FFF3B0;
  --hl-ink: #26324A;
  --ok: #22804D;
  --ok-ink: #FFFFFF;
  --bad: #D6402B;
  --bad-bg: #FDECEA;
  --star: #E8A317;
  --tint: #F3EEE2;
  --nav-bg: #FBF8F1;
  --r-key: 12px;
  --r-card: 14px;
  --disp: 'Jua';
  --note: 'Gaegu';
  --c0: #2F6FD0;
  --c1: #B7791F;
  --c2: #7B4FC9;
  --c3: #22804D;
  --c4: #0F766E;
  --c0-a08: #2F6FD008;
  --c0-a10: #2F6FD010;
  --c0-a11: #2F6FD011;
  --c0-a12: #2F6FD012;
  --c0-a14: #2F6FD014;
  --c0-a18: #2F6FD018;
  --c0-a1a: #2F6FD01a;
  --c0-a20: #2F6FD020;
  --c0-a22: #2F6FD022;
  --c0-a33: #2F6FD033;
  --c0-a40: #2F6FD040;
  --c0-a44: #2F6FD044;
  --c0-a55: #2F6FD055;
  --c0-a66: #2F6FD066;
  --c0-a88: #2F6FD088;
  --c1-a08: #B7791F08;
  --c1-a10: #B7791F10;
  --c1-a11: #B7791F11;
  --c1-a12: #B7791F12;
  --c1-a14: #B7791F14;
  --c1-a18: #B7791F18;
  --c1-a1a: #B7791F1a;
  --c1-a20: #B7791F20;
  --c1-a22: #B7791F22;
  --c1-a33: #B7791F33;
  --c1-a40: #B7791F40;
  --c1-a44: #B7791F44;
  --c1-a55: #B7791F55;
  --c1-a66: #B7791F66;
  --c1-a88: #B7791F88;
  --c2-a08: #7B4FC908;
  --c2-a10: #7B4FC910;
  --c2-a11: #7B4FC911;
  --c2-a12: #7B4FC912;
  --c2-a14: #7B4FC914;
  --c2-a18: #7B4FC918;
  --c2-a1a: #7B4FC91a;
  --c2-a20: #7B4FC920;
  --c2-a22: #7B4FC922;
  --c2-a33: #7B4FC933;
  --c2-a40: #7B4FC940;
  --c2-a44: #7B4FC944;
  --c2-a55: #7B4FC955;
  --c2-a66: #7B4FC966;
  --c2-a88: #7B4FC988;
  --c3-a08: #22804D08;
  --c3-a10: #22804D10;
  --c3-a11: #22804D11;
  --c3-a12: #22804D12;
  --c3-a14: #22804D14;
  --c3-a18: #22804D18;
  --c3-a1a: #22804D1a;
  --c3-a20: #22804D20;
  --c3-a22: #22804D22;
  --c3-a33: #22804D33;
  --c3-a40: #22804D40;
  --c3-a44: #22804D44;
  --c3-a55: #22804D55;
  --c3-a66: #22804D66;
  --c3-a88: #22804D88;
  --c4-a08: #0F766E08;
  --c4-a10: #0F766E10;
  --c4-a11: #0F766E11;
  --c4-a12: #0F766E12;
  --c4-a14: #0F766E14;
  --c4-a18: #0F766E18;
  --c4-a1a: #0F766E1a;
  --c4-a20: #0F766E20;
  --c4-a22: #0F766E22;
  --c4-a33: #0F766E33;
  --c4-a40: #0F766E40;
  --c4-a44: #0F766E44;
  --c4-a55: #0F766E55;
  --c4-a66: #0F766E66;
  --c4-a88: #0F766E88;
  --ok-a08: #22804D08;
  --ok-a10: #22804D10;
  --ok-a11: #22804D11;
  --ok-a12: #22804D12;
  --ok-a14: #22804D14;
  --ok-a18: #22804D18;
  --ok-a1a: #22804D1a;
  --ok-a20: #22804D20;
  --ok-a22: #22804D22;
  --ok-a33: #22804D33;
  --ok-a40: #22804D40;
  --ok-a44: #22804D44;
  --ok-a55: #22804D55;
  --ok-a66: #22804D66;
  --ok-a88: #22804D88;
  --bad-a08: #D6402B08;
  --bad-a10: #D6402B10;
  --bad-a11: #D6402B11;
  --bad-a12: #D6402B12;
  --bad-a14: #D6402B14;
  --bad-a18: #D6402B18;
  --bad-a1a: #D6402B1a;
  --bad-a20: #D6402B20;
  --bad-a22: #D6402B22;
  --bad-a33: #D6402B33;
  --bad-a40: #D6402B40;
  --bad-a44: #D6402B44;
  --bad-a55: #D6402B55;
  --bad-a66: #D6402B66;
  --bad-a88: #D6402B88;
  --pri-a08: #26324A08;
  --pri-a10: #26324A10;
  --pri-a11: #26324A11;
  --pri-a12: #26324A12;
  --pri-a14: #26324A14;
  --pri-a18: #26324A18;
  --pri-a1a: #26324A1a;
  --pri-a20: #26324A20;
  --pri-a22: #26324A22;
  --pri-a33: #26324A33;
  --pri-a40: #26324A40;
  --pri-a44: #26324A44;
  --pri-a55: #26324A55;
  --pri-a66: #26324A66;
  --pri-a88: #26324A88;
  --sel-a08: #26324A08;
  --sel-a10: #26324A10;
  --sel-a11: #26324A11;
  --sel-a12: #26324A12;
  --sel-a14: #26324A14;
  --sel-a18: #26324A18;
  --sel-a1a: #26324A1a;
  --sel-a20: #26324A20;
  --sel-a22: #26324A22;
  --sel-a33: #26324A33;
  --sel-a40: #26324A40;
  --sel-a44: #26324A44;
  --sel-a55: #26324A55;
  --sel-a66: #26324A66;
  --sel-a88: #26324A88;
  --star-a08: #E8A31708;
  --star-a10: #E8A31710;
  --star-a11: #E8A31711;
  --star-a12: #E8A31712;
  --star-a14: #E8A31714;
  --star-a18: #E8A31718;
  --star-a1a: #E8A3171a;
  --star-a20: #E8A31720;
  --star-a22: #E8A31722;
  --star-a33: #E8A31733;
  --star-a40: #E8A31740;
  --star-a44: #E8A31744;
  --star-a55: #E8A31755;
  --star-a66: #E8A31766;
  --star-a88: #E8A31788;
  --ink-a08: #26324A08;
  --ink-a10: #26324A10;
  --ink-a11: #26324A11;
  --ink-a12: #26324A12;
  --ink-a14: #26324A14;
  --ink-a18: #26324A18;
  --ink-a1a: #26324A1a;
  --ink-a20: #26324A20;
  --ink-a22: #26324A22;
  --ink-a33: #26324A33;
  --ink-a40: #26324A40;
  --ink-a44: #26324A44;
  --ink-a55: #26324A55;
  --ink-a66: #26324A66;
  --ink-a88: #26324A88;
  --sub-a08: #5A627508;
  --sub-a10: #5A627510;
  --sub-a11: #5A627511;
  --sub-a12: #5A627512;
  --sub-a14: #5A627514;
  --sub-a18: #5A627518;
  --sub-a1a: #5A62751a;
  --sub-a20: #5A627520;
  --sub-a22: #5A627522;
  --sub-a33: #5A627533;
  --sub-a40: #5A627540;
  --sub-a44: #5A627544;
  --sub-a55: #5A627555;
  --sub-a66: #5A627566;
  --sub-a88: #5A627588;
  --font-body: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji';
  --font-disp: var(--disp), 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji';
  --font-note: var(--note), var(--disp), 'Pretendard', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji';
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
  --bg: #15123B;
  --bg-img: radial-gradient(circle at 18% 12%, #ffffff55 1.2px, transparent 2px), radial-gradient(circle at 78% 8%, #ffffff44 1px, transparent 2px), radial-gradient(circle at 88% 30%, #ffffff33 1.2px, transparent 2px), radial-gradient(circle at 8% 46%, #ffffff33 1px, transparent 2px), radial-gradient(circle at 60% 70%, #ffffff22 1px, transparent 2px);
  --bg-size: auto;
  --sf: #221E58;
  --sf2: #2A2668;
  --ink: #F4F1FF;
  --sub: #C4BEEF;
  --ln: #3A3590;
  --bd: #4A45A0;
  --pri: #FFC83D;
  --pri-ink: #2A1E00;
  --pri-shadow: #C9961F;
  --sel: #FFC83D;
  --sel-ink: #2A1E00;
  --hl: #2A2668;
  --hl-ink: #FFE08A;
  --ok: #5FD39A;
  --ok-ink: #0B2A1A;
  --bad: #FF8A80;
  --bad-bg: #3A1E3E;
  --star: #FFC83D;
  --tint: #1B1849;
  --nav-bg: #1B1849;
  --r-key: 34px;
  --r-card: 20px;
  --disp: 'Do Hyeon';
  --note: 'Do Hyeon';
  --c0: #8FD3FF;
  --c1: #FFD98F;
  --c2: #C9B5FF;
  --c3: #9BEFC2;
  --c4: #7FE3D6;
  --c0-a08: #8FD3FF08;
  --c0-a10: #8FD3FF10;
  --c0-a11: #8FD3FF11;
  --c0-a12: #8FD3FF12;
  --c0-a14: #8FD3FF14;
  --c0-a18: #8FD3FF18;
  --c0-a1a: #8FD3FF1a;
  --c0-a20: #8FD3FF20;
  --c0-a22: #8FD3FF22;
  --c0-a33: #8FD3FF33;
  --c0-a40: #8FD3FF40;
  --c0-a44: #8FD3FF44;
  --c0-a55: #8FD3FF55;
  --c0-a66: #8FD3FF66;
  --c0-a88: #8FD3FF88;
  --c1-a08: #FFD98F08;
  --c1-a10: #FFD98F10;
  --c1-a11: #FFD98F11;
  --c1-a12: #FFD98F12;
  --c1-a14: #FFD98F14;
  --c1-a18: #FFD98F18;
  --c1-a1a: #FFD98F1a;
  --c1-a20: #FFD98F20;
  --c1-a22: #FFD98F22;
  --c1-a33: #FFD98F33;
  --c1-a40: #FFD98F40;
  --c1-a44: #FFD98F44;
  --c1-a55: #FFD98F55;
  --c1-a66: #FFD98F66;
  --c1-a88: #FFD98F88;
  --c2-a08: #C9B5FF08;
  --c2-a10: #C9B5FF10;
  --c2-a11: #C9B5FF11;
  --c2-a12: #C9B5FF12;
  --c2-a14: #C9B5FF14;
  --c2-a18: #C9B5FF18;
  --c2-a1a: #C9B5FF1a;
  --c2-a20: #C9B5FF20;
  --c2-a22: #C9B5FF22;
  --c2-a33: #C9B5FF33;
  --c2-a40: #C9B5FF40;
  --c2-a44: #C9B5FF44;
  --c2-a55: #C9B5FF55;
  --c2-a66: #C9B5FF66;
  --c2-a88: #C9B5FF88;
  --c3-a08: #9BEFC208;
  --c3-a10: #9BEFC210;
  --c3-a11: #9BEFC211;
  --c3-a12: #9BEFC212;
  --c3-a14: #9BEFC214;
  --c3-a18: #9BEFC218;
  --c3-a1a: #9BEFC21a;
  --c3-a20: #9BEFC220;
  --c3-a22: #9BEFC222;
  --c3-a33: #9BEFC233;
  --c3-a40: #9BEFC240;
  --c3-a44: #9BEFC244;
  --c3-a55: #9BEFC255;
  --c3-a66: #9BEFC266;
  --c3-a88: #9BEFC288;
  --c4-a08: #7FE3D608;
  --c4-a10: #7FE3D610;
  --c4-a11: #7FE3D611;
  --c4-a12: #7FE3D612;
  --c4-a14: #7FE3D614;
  --c4-a18: #7FE3D618;
  --c4-a1a: #7FE3D61a;
  --c4-a20: #7FE3D620;
  --c4-a22: #7FE3D622;
  --c4-a33: #7FE3D633;
  --c4-a40: #7FE3D640;
  --c4-a44: #7FE3D644;
  --c4-a55: #7FE3D655;
  --c4-a66: #7FE3D666;
  --c4-a88: #7FE3D688;
  --ok-a08: #5FD39A08;
  --ok-a10: #5FD39A10;
  --ok-a11: #5FD39A11;
  --ok-a12: #5FD39A12;
  --ok-a14: #5FD39A14;
  --ok-a18: #5FD39A18;
  --ok-a1a: #5FD39A1a;
  --ok-a20: #5FD39A20;
  --ok-a22: #5FD39A22;
  --ok-a33: #5FD39A33;
  --ok-a40: #5FD39A40;
  --ok-a44: #5FD39A44;
  --ok-a55: #5FD39A55;
  --ok-a66: #5FD39A66;
  --ok-a88: #5FD39A88;
  --bad-a08: #FF8A8008;
  --bad-a10: #FF8A8010;
  --bad-a11: #FF8A8011;
  --bad-a12: #FF8A8012;
  --bad-a14: #FF8A8014;
  --bad-a18: #FF8A8018;
  --bad-a1a: #FF8A801a;
  --bad-a20: #FF8A8020;
  --bad-a22: #FF8A8022;
  --bad-a33: #FF8A8033;
  --bad-a40: #FF8A8040;
  --bad-a44: #FF8A8044;
  --bad-a55: #FF8A8055;
  --bad-a66: #FF8A8066;
  --bad-a88: #FF8A8088;
  --pri-a08: #FFC83D08;
  --pri-a10: #FFC83D10;
  --pri-a11: #FFC83D11;
  --pri-a12: #FFC83D12;
  --pri-a14: #FFC83D14;
  --pri-a18: #FFC83D18;
  --pri-a1a: #FFC83D1a;
  --pri-a20: #FFC83D20;
  --pri-a22: #FFC83D22;
  --pri-a33: #FFC83D33;
  --pri-a40: #FFC83D40;
  --pri-a44: #FFC83D44;
  --pri-a55: #FFC83D55;
  --pri-a66: #FFC83D66;
  --pri-a88: #FFC83D88;
  --sel-a08: #FFC83D08;
  --sel-a10: #FFC83D10;
  --sel-a11: #FFC83D11;
  --sel-a12: #FFC83D12;
  --sel-a14: #FFC83D14;
  --sel-a18: #FFC83D18;
  --sel-a1a: #FFC83D1a;
  --sel-a20: #FFC83D20;
  --sel-a22: #FFC83D22;
  --sel-a33: #FFC83D33;
  --sel-a40: #FFC83D40;
  --sel-a44: #FFC83D44;
  --sel-a55: #FFC83D55;
  --sel-a66: #FFC83D66;
  --sel-a88: #FFC83D88;
  --star-a08: #FFC83D08;
  --star-a10: #FFC83D10;
  --star-a11: #FFC83D11;
  --star-a12: #FFC83D12;
  --star-a14: #FFC83D14;
  --star-a18: #FFC83D18;
  --star-a1a: #FFC83D1a;
  --star-a20: #FFC83D20;
  --star-a22: #FFC83D22;
  --star-a33: #FFC83D33;
  --star-a40: #FFC83D40;
  --star-a44: #FFC83D44;
  --star-a55: #FFC83D55;
  --star-a66: #FFC83D66;
  --star-a88: #FFC83D88;
  --ink-a08: #F4F1FF08;
  --ink-a10: #F4F1FF10;
  --ink-a11: #F4F1FF11;
  --ink-a12: #F4F1FF12;
  --ink-a14: #F4F1FF14;
  --ink-a18: #F4F1FF18;
  --ink-a1a: #F4F1FF1a;
  --ink-a20: #F4F1FF20;
  --ink-a22: #F4F1FF22;
  --ink-a33: #F4F1FF33;
  --ink-a40: #F4F1FF40;
  --ink-a44: #F4F1FF44;
  --ink-a55: #F4F1FF55;
  --ink-a66: #F4F1FF66;
  --ink-a88: #F4F1FF88;
  --sub-a08: #C4BEEF08;
  --sub-a10: #C4BEEF10;
  --sub-a11: #C4BEEF11;
  --sub-a12: #C4BEEF12;
  --sub-a14: #C4BEEF14;
  --sub-a18: #C4BEEF18;
  --sub-a1a: #C4BEEF1a;
  --sub-a20: #C4BEEF20;
  --sub-a22: #C4BEEF22;
  --sub-a33: #C4BEEF33;
  --sub-a40: #C4BEEF40;
  --sub-a44: #C4BEEF44;
  --sub-a55: #C4BEEF55;
  --sub-a66: #C4BEEF66;
  --sub-a88: #C4BEEF88;
    color-scheme: dark;
  }
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background-color:var(--bg);background-image:var(--bg-img);background-size:var(--bg-size);color:var(--ink);font-family:var(--font-body);line-height:1.65;word-break:keep-all;min-height:100vh;display:flex;flex-direction:column}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
.top{position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:1.5px solid var(--bd)}
.top .in{max-width:960px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:8px}
.top .brand{min-height:44px;display:flex;align-items:center;gap:8px;flex:1;min-width:0;text-decoration:none;font-family:var(--font-disp);font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top .brand img{width:36px;height:36px;flex-shrink:0}
.top .link{height:44px;padding:0 10px;display:flex;align-items:center;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:var(--r-key);background:var(--pri);color:var(--pri-ink);font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap;flex-shrink:0}
.btn.big{min-height:56px;padding:0 22px;font-family:var(--font-disp);font-size:22px;font-weight:400;box-shadow:0 3px 0 var(--pri-shadow)}
.btn.line{background:var(--sf);color:var(--ink);border:1.5px solid var(--bd)}
main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:32px 20px 48px;display:flex;flex-direction:column;gap:48px}
h1,h2,.disp{font-family:var(--font-disp);font-weight:400;line-height:1.25}
h1{font-size:46px;text-wrap:balance}
h2{font-size:28px}
h3{font-size:18px;font-weight:700}
.note{font-family:var(--font-note);font-size:22px;color:var(--sub)}
.lead{font-size:17px;color:var(--sub);text-wrap:pretty;max-width:640px}
.sub{font-size:14px;color:var(--sub)}
.sec{display:flex;flex-direction:column;gap:16px}
.card{background:var(--sf);border:1.5px solid var(--bd);border-radius:var(--r-card);padding:18px;display:flex;flex-direction:column;gap:8px;min-width:0}
.card p{font-size:15px;color:var(--sub);text-wrap:pretty}
.card .sym{font-family:var(--font-disp);font-size:32px;line-height:1.1}
.hl{background:var(--hl);color:var(--hl-ink);border-radius:var(--r-card);padding:22px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.hl p{font-size:15px;line-height:1.7}
.grid{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
.hero{display:grid;gap:28px;align-items:center;grid-template-columns:minmax(0,1fr)}
.hero .copy{display:flex;flex-direction:column;gap:14px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.dot{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--sub)}
.dot::before{content:"";width:8px;height:8px;border-radius:4px;background:var(--star)}
.shot{margin:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.shot img{width:100%;border-radius:20px;border:1.5px solid var(--ln);background:var(--sf)}
.shot figcaption{font-size:15px;font-weight:700}
.hero .shot{justify-self:center;width:100%;max-width:280px}
.shots{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.chips li{background:var(--sf);border:1.5px solid var(--bd);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700}
.price{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
.price .card.on{border:2.5px solid var(--sel)}
.price .amt{font-family:var(--font-disp);font-size:24px}
.price ul{list-style:none;font-size:15px;color:var(--sub);display:flex;flex-direction:column;gap:2px}
.faq details{background:var(--sf);border:1.5px solid var(--bd);border-radius:var(--r-card);padding:0 16px;margin-bottom:8px}
.faq summary{cursor:pointer;font-weight:700;min-height:52px;display:flex;align-items:center;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";margin-left:auto;font-family:var(--font-disp);font-size:22px}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 0 14px;color:var(--sub);font-size:15px}
.final{background:var(--sf);border:1.5px solid var(--bd);border-radius:var(--r-card);padding:36px 20px;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}
.list{display:flex;flex-direction:column;gap:6px;padding-left:1.2em;font-size:15px;color:var(--sub)}
.list strong{color:var(--ink)}
.grow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;align-items:end}
footer{border-top:1.5px solid var(--bd);padding:8px 20px calc(env(safe-area-inset-bottom,0px) + 24px);display:flex;flex-direction:column;align-items:center;gap:4px}
footer nav{display:flex;flex-wrap:wrap;justify-content:center}
footer nav a,footer .biz-btn{min-height:44px;padding:0 8px;display:flex;align-items:center;font:inherit;font-size:13px;color:var(--sub);text-decoration:none;cursor:pointer;background:none;border:none}
footer .biz{font-size:13px;line-height:1.6;color:var(--sub);text-align:center;max-width:640px}
@media (min-width:700px){
  .grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
  .grid.two,.price{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shots{grid-template-columns:repeat(3,minmax(0,1fr))}
  .shots.four{grid-template-columns:repeat(4,minmax(0,1fr))}
  .shots.five{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (min-width:700px),(orientation:landscape) and (min-width:560px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:599px){
  h1{font-size:34px}
  main{padding-top:24px;gap:36px}
}