@font-face { font-family: "Pretendard"; font-weight: 400; font-style: normal; font-display: swap; src: url("fonts/pretendard-400.woff2") format("woff2"); }
@font-face { font-family: "Pretendard"; font-weight: 600; font-style: normal; font-display: swap; src: url("fonts/pretendard-600.woff2") format("woff2"); }
@font-face { font-family: "Pretendard"; font-weight: 700; font-style: normal; font-display: swap; src: url("fonts/pretendard-700.woff2") format("woff2"); }
@font-face { font-family: "Gaegu"; font-weight: 700; font-style: normal; font-display: swap; src: url("fonts/gaegu-113-700-normal.woff2") format("woff2"); unicode-range: U+5e,U+25b2,U+25b6,U+314e,U+ac24,U+ace1,U+ace4,U+ae68,U+af2d,U+b0d0,U+b0e5,U+b150,U+b155,U+b193,U+b2c9,U+b2dd,U+b3c8,U+b3fc,U+b410,U+b458,U+b4dd,U+b5a0,U+b5a4,U+b5bb,U+b7b5,U+b838,U+b840,U+b86f,U+b8f9,U+b960,U+b9e5,U+bab8,U+bb50,U+bc1d,U+bc24-bc25,U+bca8,U+bcbd,U+bd04,U+bd10,U+bd24,U+be48,U+be5b,U+be68,U+c05c,U+c12c,U+c140,U+c15c,U+c168,U+c194,U+c219,U+c27d,U+c2a8,U+c2f1,U+c2f8,U+c368,U+c554-c555,U+c559,U+c564,U+c5d8,U+c5fc,U+c625,U+c65c,U+c6b1,U+c728,U+c794,U+c84c,U+c88c,U+c8e0,U+c8fd,U+c998,U+c9dd,U+cc0d,U+cc30,U+ceec,U+cf13,U+cf1c,U+cf5c,U+d050,U+d07c,U+d0a8,U+d134,U+d138,U+d154,U+d1f4,U+d2bc,U+d329,U+d32c,U+d3d0,U+d3f4,U+d3fc,U+d56b,U+d5cc,U+d600-d601,U+d639,U+d6c8,U+d754,U+d765; }
@font-face { font-family: "Gaegu"; font-weight: 700; font-style: normal; font-display: swap; src: url("fonts/gaegu-114-700-normal.woff2") format("woff2"); unicode-range: U+3c-3d,U+2026,U+24d2,U+314b,U+ac11,U+acf3,U+ad74,U+ad81,U+adf9,U+ae34,U+af43,U+afb8,U+b05d,U+b07c,U+b110,U+b118,U+b17c,U+b180,U+b18d,U+b192,U+b2cc,U+b355,U+b378,U+b4a4,U+b4ef,U+b78d,U+b799,U+b7a9,U+b7fd,U+b807,U+b80c,U+b839,U+b9b4,U+b9db,U+ba3c,U+bab0,U+bba4,U+bc94,U+be4c,U+c154,U+c1c4,U+c26c,U+c2ac,U+c2ed,U+c4f4,U+c55e,U+c561,U+c571,U+c5b5,U+c5c4,U+c654-c655,U+c695,U+c6e8,U+c6f9,U+c724,U+c751,U+c775,U+c7a0,U+c7c1,U+c874,U+c880,U+c9d5,U+c9f8,U+cabd,U+cc29,U+cc2c,U+cca8,U+ccab,U+ccd0,U+ce21,U+ce35,U+ce7c,U+ce90,U+cee8,U+cef4,U+cfe0,U+d070,U+d0b9,U+d0c1,U+d0c4,U+d0c8,U+d15c,U+d1a1,U+d2c0,U+d300,U+d314,U+d3ed,U+d478,U+d480,U+d48d,U+d508,U+d53d,U+d5e4,U+d611,U+d61c,U+d68d,U+d6a8,U+d798; }
@font-face { font-family: "Gaegu"; font-weight: 700; font-style: normal; font-display: swap; src: url("fonts/gaegu-115-700-normal.woff2") format("woff2"); unicode-range: U+23,U+25,U+5f,U+a9,U+ac08,U+ac78,U+aca8,U+acac,U+ace8,U+ad70,U+adc0,U+addc,U+b137,U+b140,U+b208,U+b290,U+b2f5,U+b3c5,U+b3cc,U+b420,U+b429,U+b529,U+b530,U+b77d,U+b79c,U+b7a8,U+b7c9,U+b7f0,U+b7fc,U+b828,U+b860,U+b9ad,U+b9c1,U+b9c9,U+b9dd-b9de,U+b9e8,U+ba38-ba39,U+babb,U+bc00,U+bc8c,U+bca0,U+bca4,U+bcd1,U+bcfc,U+bd09,U+bdf0,U+be60,U+c0ad,U+c0b4,U+c0bc,U+c190,U+c1fc,U+c220,U+c288,U+c2b9,U+c2f6,U+c528,U+c545,U+c558,U+c5bc,U+c5d4,U+c600,U+c644,U+c6c0,U+c6c3,U+c721,U+c798,U+c7a1,U+c811,U+c838,U+c871,U+c904,U+c990,U+c9dc,U+cc38,U+cc44,U+cca0,U+cd1d,U+cd95,U+cda9,U+ce5c,U+cf00,U+cf58,U+d150,U+d22c,U+d305,U+d328,U+d37c,U+d3f0,U+d551,U+d5a5,U+d5c8,U+d5d8,U+d63c,U+d64d,U+d669,U+d734,U+d76c; }
@font-face { font-family: "Gaegu"; font-weight: 700; font-style: normal; font-display: swap; src: url("fonts/gaegu-116-700-normal.woff2") format("woff2"); unicode-range: U+26,U+2b,U+3e,U+40,U+7e,U+ac01,U+ac19,U+ac1d,U+aca0,U+aca9,U+acb0,U+ad8c,U+ae09,U+ae38,U+ae40,U+aed8,U+b09c,U+b0a0,U+b108,U+b204,U+b298,U+b2d8,U+b2eb-b2ec,U+b2f4,U+b313,U+b358,U+b450,U+b4e0,U+b54c,U+b610,U+b780,U+b78c,U+b791,U+b8e8,U+b958,U+b974,U+b984,U+b9b0,U+b9bc-b9bd,U+b9ce,U+ba70,U+bbfc,U+bc0f,U+bc15,U+bc1b,U+bc31,U+bc95,U+bcc0,U+bcc4,U+bd81,U+bd88,U+c0c8,U+c11d,U+c13c,U+c158,U+c18d,U+c1a1,U+c21c,U+c4f0,U+c54a,U+c560,U+c5b8,U+c5c8,U+c5f4,U+c628,U+c62c,U+c678,U+c6cc,U+c808,U+c810,U+c885,U+c88b,U+c900,U+c988,U+c99d,U+c9c8,U+cc3d-cc3e,U+cc45,U+cd08,U+ce20,U+cee4,U+d074,U+d0a4,U+d0dd,U+d2b9,U+d3b8,U+d3c9,U+d488,U+d544,U+d559,U+d56d,U+d588,U+d615,U+d648,U+d655,U+d658,U+d65c; }
@font-face { font-family: "Gaegu"; font-weight: 700; font-style: normal; font-display: swap; src: url("fonts/gaegu-117-700-normal.woff2") format("woff2"); unicode-range: U+d,U+48,U+7c,U+ac10,U+ac15,U+ac74,U+ac80,U+ac83,U+acc4,U+ad11,U+ad50,U+ad6d,U+adfc,U+ae00,U+ae08,U+ae4c,U+b0a8,U+b124,U+b144,U+b178,U+b274,U+b2a5,U+b2e8,U+b2f9,U+b354,U+b370,U+b418,U+b41c,U+b4f1,U+b514,U+b798,U+b808,U+b824-b825,U+b8cc,U+b978,U+b9d0,U+b9e4,U+baa9,U+bb3c,U+bc18,U+bc1c,U+bc30,U+bc84,U+bcf5,U+bcf8,U+bd84,U+be0c,U+be14,U+c0b0,U+c0c9,U+c0dd,U+c124,U+c2dd,U+c2e4,U+c2ec,U+c54c,U+c57c-c57d,U+c591,U+c5c5-c5c6,U+c5ed,U+c608,U+c640,U+c6b8,U+c6d4,U+c784,U+c7ac,U+c800-c801,U+c9c1,U+c9d1,U+cc28,U+cc98,U+cc9c,U+ccad,U+cd5c,U+cd94,U+cd9c,U+cde8,U+ce68,U+cf54,U+d0dc,U+d14c,U+d1a0,U+d1b5,U+d2f0,U+d30c,U+d310,U+d398,U+d45c,U+d50c,U+d53c,U+d560,U+d568,U+d589,U+d604,U+d6c4,U+d788; }
@font-face { font-family: "Gaegu"; font-weight: 700; font-style: normal; font-display: swap; src: url("fonts/gaegu-118-700-normal.woff2") format("woff2"); unicode-range: U+39,U+49,U+4d-4e,U+a0,U+ac04,U+ac1c,U+ac70,U+ac8c,U+acbd,U+acf5,U+acfc,U+ad00,U+ad6c,U+adf8,U+b098,U+b0b4,U+b294,U+b2c8,U+b300,U+b3c4,U+b3d9,U+b4dc,U+b4e4,U+b77c,U+b7ec,U+b85d,U+b97c,U+b9c8,U+b9cc,U+ba54,U+ba74,U+ba85,U+baa8,U+bb34,U+bb38,U+bbf8,U+bc14,U+bc29,U+bc88,U+bcf4,U+bd80,U+be44,U+c0c1,U+c11c,U+c120,U+c131,U+c138,U+c18c,U+c218,U+c2b5,U+c2e0,U+c544,U+c548,U+c5b4,U+c5d0,U+c5ec,U+c5f0,U+c601,U+c624,U+c694,U+c6a9,U+c6b0,U+c6b4,U+c6d0,U+c704,U+c720,U+c73c,U+c740,U+c744,U+c74c,U+c758,U+c77c,U+c785,U+c788,U+c790-c791,U+c7a5,U+c804,U+c815,U+c81c,U+c870,U+c8fc,U+c911,U+c9c4,U+ccb4,U+ce58,U+ce74,U+d06c,U+d0c0,U+d130,U+d2b8,U+d3ec,U+d504,U+d55c,U+d569,U+d574,U+d638,U+d654,U+d68c; }
@font-face { font-family: "Gaegu"; font-weight: 700; font-style: normal; font-display: swap; src: url("fonts/gaegu-119-700-normal.woff2") format("woff2"); unicode-range: U+20-22,U+27-2a,U+2c-38,U+3a-3b,U+3f,U+41-47,U+4a-4c,U+4f-5d,U+61-7b,U+7d,U+a1,U+ab,U+ae,U+b7,U+bb,U+bf,U+2013-2014,U+201c-201d,U+2122,U+ac00,U+ace0,U+ae30,U+b2e4,U+b85c,U+b9ac,U+c0ac,U+c2a4,U+c2dc,U+c774,U+c778,U+c9c0,U+d558; }

:root {
  --bg: #eef5f6;
  --surface: #ffffff;
  --text: #16302c;
  --text-2: #4a625e;
  --line: #d3e2e1;
  --accent: #2a8a5b;
  --accent-ink: #ffffff;
  --mint: #dcf0e2;
  --pink: #fde3ea;
  --hl: #ffd0dd;
  --butter: #fff0bd;
  --note: #d9587c;
  /* illustration palette */
  --ink: #16302c;
  --sky-1: #cfe8f3; --sky-2: #eaf6f2; --apt-sky: #d9eef6;
  --sun: #ffd66b; --cloud: #ffffff;
  --hill-1: #8fcb7b; --hill-2: #b3de95; --hill-3: #cfe9b8;
  --leaf-1: #7cc36e; --leaf-2: #4fa86a;
  --blossom: #f6b8c9; --blossom-edge: #e48da8;
  --wall: #ffffff; --bld-2: #e9f4f8; --roof: #e7879f; --door: #8ec9e8; --glass: #cbeaf7;
  --wood: #e2b77f; --branch: #7a5a48; --screen: #17302c; --screen-text: #9ff0b5;
  --card-a: #dcf0e2; --card-b: #fde3ea; --card-c: #fff0bd;
  --maxw: 1120px; --gutter: 24px;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0d1b1e; --surface: #14282b; --text: #e6f2ee; --text-2: #9fb8b2; --line: #24393c;
    --accent: #7fd6a2; --accent-ink: #0d1b1e;
    --mint: #17332a; --pink: #3a2330; --hl: #6b2f48; --butter: #382f16; --note: #ff9db9;
    --ink: #071012;
    --sky-1: #0f2233; --sky-2: #1c3a4a; --apt-sky: #12293a;
    --sun: #ffe9a3; --cloud: #2c4757;
    --hill-1: #2f6a4c; --hill-2: #265a42; --hill-3: #1d4a38;
    --leaf-1: #6cd08a; --leaf-2: #3e9a64;
    --blossom: #f2a3bb; --blossom-edge: #c9708c;
    --wall: #2a4048; --bld-2: #33505a; --roof: #b0546c; --door: #3c6e8c; --glass: #26424f;
    --wood: #8a6a45; --branch: #5a4034; --screen: #0a1719; --screen-text: #8be6a8;
    --card-a: #17332a; --card-b: #3a2330; --card-c: #382f16;
  }
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--bg); color: var(--text);
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", sans-serif;
  font-size: 16px; line-height: 1.75; word-break: keep-all; overflow-wrap: break-word;
}
a { color: inherit; text-decoration: none; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 6px; }
.wrap { width: 100%; max-width: var(--maxw); margin-inline: auto; padding-inline: var(--gutter); }
.hand { font-family: "Gaegu", "Pretendard", cursive; font-weight: 700; letter-spacing: 0; }
.illo { display: block; }

/* header */
.top { position: sticky; top: 0; z-index: 20; padding-block: 12px; background: color-mix(in srgb, var(--bg) 82%, transparent); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.top .wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.brand { display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 17px; letter-spacing: -0.01em; }
.brand-mark { width: 30px; height: 30px; flex: none; }
.brand-mark rect { fill: var(--accent); } .brand-mark path { fill: var(--accent-ink); }
.brand small { font-weight: 600; color: var(--text-2); font-size: 14px; }
.pill-nav { display: flex; align-items: center; gap: 2px; padding: 5px; background: var(--surface); border: 1px solid var(--line); border-radius: 999px; font-size: 14px; font-weight: 600; }
.pill-nav a { padding: 7px 14px; border-radius: 999px; color: var(--text-2); }
.pill-nav a:hover { color: var(--text); background: var(--mint); }
.pill-nav .go { background: var(--accent); color: var(--accent-ink); }
.pill-nav .go:hover { background: var(--accent); color: var(--accent-ink); filter: brightness(1.08); }

/* hero */
.hero { padding-top: clamp(40px, 7vw, 88px); }
.hello { display: inline-block; margin: 0 0 14px; font-size: clamp(26px, 3.8vw, 34px); color: var(--note); transform: rotate(-2deg); transform-origin: left; }
h1 { margin: 0 0 22px; font-size: clamp(40px, 7.6vw, 82px); line-height: 1.1; letter-spacing: -0.045em; font-weight: 800; text-wrap: balance; }
h1 mark { background: linear-gradient(transparent 52%, var(--hl) 52%, var(--hl) 92%, transparent 92%); color: inherit; padding-inline: 2px; }
.sub { max-width: 34em; margin: 0; font-size: clamp(17px, 2.1vw, 20px); color: var(--text-2); }
.cta-row { margin-top: 32px; display: flex; flex-wrap: wrap; gap: 12px; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 24px; border-radius: 999px; font-weight: 700; font-size: 15px; transition: transform .15s ease; }
.btn:hover { transform: translateY(-2px); }
.btn-main { background: var(--accent); color: var(--accent-ink); }
.btn-soft { background: var(--surface); border: 1px solid var(--line); }
.hero-scene { margin-top: clamp(32px, 6vw, 64px); }
.hero-illo { width: 100%; height: clamp(310px, 43vw, 520px); }
.hero-scene-in { border-radius: clamp(24px, 4vw, 44px) clamp(24px, 4vw, 44px) 0 0; overflow: hidden; }

/* sections */
section.s { padding-block: clamp(64px, 9vw, 120px); }
.kicker { margin: 0 0 6px; font-size: clamp(26px, 3.6vw, 32px); color: var(--note); }
h2 { margin: 0 0 16px; font-size: clamp(30px, 4.6vw, 48px); line-height: 1.18; letter-spacing: -0.04em; font-weight: 800; text-wrap: balance; }
.lead { max-width: 36em; color: var(--text-2); font-size: 18px; margin: 0; }

/* name equation */
.name-sec { background: var(--surface); border-block: 1px solid var(--line); }
.eq { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin: 28px 0 32px; }
.chip { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; min-width: 108px; padding: 14px 24px 12px; border-radius: 28px; font-size: clamp(30px, 5vw, 46px); font-weight: 800; letter-spacing: -0.04em; line-height: 1.1; }
.chip small { font-size: 13px; font-weight: 600; letter-spacing: 0; color: var(--text-2); margin-top: 6px; }
.chip.dev { background: var(--mint); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: -0.02em; }
.chip.bom { background: var(--pink); }
.chip.out { background: var(--text); color: var(--bg); } .chip.out small { color: color-mix(in srgb, var(--bg) 70%, transparent); }
.op { font-size: 30px; font-weight: 700; color: var(--text-2); }
.name-story { max-width: 36em; font-size: 18px; margin: 0; }

/* likes */
.likes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 40px; }
.like { background: var(--surface); border: 1px solid var(--line); border-radius: 28px; padding: 14px 14px 26px; transition: transform .2s ease; }
.like:hover { transform: translateY(-4px) rotate(-.4deg); }
.like .ic { width: 100%; height: auto; border-radius: 20px; }
.like h3 { margin: 20px 12px 6px; font-size: 21px; letter-spacing: -0.03em; }
.like p { margin: 0 12px; color: var(--text-2); font-size: 15.5px; }

/* product */
.product { display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(24px, 5vw, 56px); align-items: center; background: var(--butter); border-radius: 40px; padding: clamp(20px, 4vw, 40px); }
.product .apt-illo { width: 100%; height: auto; border-radius: 28px; }
.product .tagline { font-size: clamp(26px, 3.6vw, 34px); color: var(--note); margin: 0 0 4px; transform: rotate(-1.5deg); transform-origin: left; display: inline-block; }
.product h3 { margin: 0 0 12px; font-size: clamp(30px, 4.4vw, 44px); line-height: 1.15; letter-spacing: -0.04em; font-weight: 800; }
.product p { margin: 0 0 24px; font-size: 17px; }
.app-row { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.app-row img { width: 56px; height: 56px; border-radius: 16px; }

/* growth */
.grow-wrap { margin-top: 48px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; position: relative; }
.grow-wrap::before { content: ""; position: absolute; left: 6%; right: 6%; top: 138px; border-top: 3px dashed var(--line); z-index: 0; }
.stage { position: relative; z-index: 1; text-align: center; padding-inline: 10px; }
.stage .grow { width: min(180px, 100%); height: auto; margin-inline: auto; }
.stage .no { display: inline-block; margin-top: 8px; font-size: 30px; color: var(--note); }
.stage h3 { margin: 0 0 6px; font-size: 21px; letter-spacing: -0.03em; }
.stage p { margin: 0 auto; max-width: 18em; color: var(--text-2); font-size: 15.5px; }

/* contact */
.contact { background: var(--pink); border-radius: 44px; padding: clamp(32px, 6vw, 72px); text-align: center; }
.contact h2 { margin-bottom: 10px; }
.contact p.lead { margin: 0 auto 28px; }
.mail { display: inline-block; font-size: clamp(22px, 4.6vw, 44px); font-weight: 800; letter-spacing: -0.03em; padding: 14px 30px; border-radius: 999px; background: var(--surface); border: 2px solid var(--text); overflow-wrap: anywhere; transition: transform .15s ease; }
.mail:hover { transform: translateY(-3px) rotate(-.6deg); }

/* footer */
.foot { padding-block: 56px 56px; font-size: 13px; color: var(--text-2); line-height: 1.85; }
.foot .links { display: flex; flex-wrap: wrap; gap: 6px 22px; margin-bottom: 16px; font-size: 14px; font-weight: 600; }
.foot a:hover { color: var(--text); text-decoration: underline; }
.foot .copy { margin-top: 12px; }

/* legal pages */
.doc { max-width: 780px; margin-inline: auto; padding: clamp(40px, 7vw, 80px) var(--gutter) 48px; }
.doc .eyebrow { margin: 0 0 8px; font-size: 24px; color: var(--note); }
.doc h1 { font-size: clamp(32px, 5.4vw, 48px); margin-bottom: 12px; }
.doc .date { color: var(--text-2); font-size: 14px; margin: 0 0 28px; }
.doc .intro { background: var(--mint); border-radius: 20px; padding: 18px 22px; margin: 0 0 12px; color: var(--text); }
.doc .intro p { margin: 0; }
.doc h2 { font-size: 21px; letter-spacing: -0.025em; margin: 44px 0 10px; line-height: 1.4; }
.doc h3 { font-size: 17px; margin: 24px 0 6px; }
.doc p, .doc li { color: var(--text-2); }
.doc li { margin-bottom: 4px; }
.doc ul, .doc ol { padding-left: 22px; }
.doc a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.doc table { width: 100%; border-collapse: collapse; margin: 12px 0; font-size: 14.5px; }
.doc th, .doc td { text-align: left; vertical-align: top; padding: 12px 14px; border-bottom: 1px solid var(--line); color: var(--text-2); }
.doc th { color: var(--text); font-weight: 700; background: var(--mint); }
.doc .tablewrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.doc .tablewrap table { margin: 0; min-width: 560px; }
.doc .box { background: var(--surface); border: 1px solid var(--line); border-radius: 24px; padding: 22px 26px; margin-top: 20px; }
.doc .box h2 { margin-top: 0; }
.todo { background: var(--butter); border-bottom: 2px dotted var(--note); padding: 0 3px; border-radius: 3px; color: var(--text); }

@media (max-width: 860px) {
  .product { grid-template-columns: 1fr; border-radius: 32px; }
  .likes { grid-template-columns: 1fr; }
  .like { display: grid; grid-template-columns: 150px 1fr; gap: 0 12px; align-items: center; padding: 12px; }
  .like h3, .like p { margin-left: 4px; margin-right: 4px; }
  .like h3 { align-self: end; margin-top: 0; }
  .like p { align-self: start; grid-column: 2; }
  .like .ic { grid-row: 1 / span 2; }
  .grow-wrap { grid-template-columns: 1fr; gap: 28px; }
  .grow-wrap::before { display: none; }
  .stage { display: grid; grid-template-columns: 120px 1fr; text-align: left; align-items: center; gap: 0 16px; padding: 0; }
  .stage .grow { grid-row: 1 / span 3; width: 120px; }
  .stage p { margin: 0; }
  .stage .no { margin: 0; }
}
@media (max-width: 560px) {
  :root { --gutter: 20px; }
  .hero-illo { height: 250px; }
  .hero-illo .note text { font-size: 33px; }
  .eq { gap: 8px; flex-wrap: nowrap; justify-content: space-between; }
  .chip { min-width: 0; padding: 12px 12px 10px; font-size: 28px; border-radius: 22px; flex: 1 1 0; }
  .chip small { font-size: 10.5px; text-align: center; line-height: 1.3; }
  .op { font-size: 22px; }
  .contact { padding: 36px 20px; }
  .mail { font-size: clamp(17px, 5.3vw, 28px); padding: 12px 16px; }
  .pill-nav a:not(.go) { display: none; }
  .brand small { display: none; }
  .like { grid-template-columns: 112px 1fr; }
  .contact { border-radius: 32px; }
}
@media (prefers-reduced-motion: reduce) { .btn, .like, .mail { transition: none; } .like:hover, .btn:hover, .mail:hover { transform: none; } }