/* Visual baseline: supplied K brand board and iOS-inspired layout, 2026-09-12. */
body{background:linear-gradient(135deg,#f6f3f4 0%,#e8edf5 45%,#edf0f6 100%);color:#172232}.home{max-width:1800px;margin:auto}.mark{width:66px;height:66px;padding:0;transform:none;font-size:initial;mix-blend-mode:screen}.mark img{object-fit:contain;width:100%;height:100%}.brand{gap:8px}.brand-type{display:flex;flex-direction:column;gap:4px}.brand-type strong{font-size:20px;letter-spacing:.35em;font-weight:400}.brand-type small{font-size:10px;letter-spacing:.22em}.glass{background:linear-gradient(125deg,#ffffff40,#ffffff12);border:1px solid #ffffff70;box-shadow:inset 0 1px 1px #ffffffb0,inset 0 -1px 2px #ffffff30,0 8px 25px #07182825;backdrop-filter:blur(22px) saturate(1.45);-webkit-backdrop-filter:blur(22px) saturate(1.45)}.pill{min-height:48px;background:linear-gradient(130deg,#ffffff65,#ffffff18);border:1px solid #ffffff85;box-shadow:inset 0 1px 3px #ffffffb0,0 7px 22px #16294225;backdrop-filter:blur(18px);border-radius:40px}.pill:hover{background:#ffffff55;transform:translateY(-2px)}.gate .shade{background:linear-gradient(180deg,#17294642,#1f315433 45%,#0819278f)}.gate-core{padding:110px 20px 90px}.gate-core .mark{display:block;width:180px;height:180px;margin:0 auto 14px}.gate-core h1{font-size:26px}.gate-core p{font-size:24px;margin:32px 0;line-height:1.65}.gate-core .pill{min-width:170px}.gate-top{justify-content:flex-end}.gate-top>.eyebrow{display:none}.gate .lang{background:#ffffff20;backdrop-filter:blur(20px)}.nav{top:14px;left:3.5%;right:3.5%;padding:0;border:0;border-radius:0;box-shadow:none;background:none;gap:20px;align-items:center}.nav-links{padding:7px;border-radius:50px;gap:3px;font-size:13px}.nav-links a{padding:9px 18px;border-radius:30px}.nav-links a:first-child{background:#f2f5ff;color:#1e2c40;box-shadow:0 3px 12px #07172b15}.nav-links a:hover{background:#ffffff35;color:#fff}.nav-end{gap:12px}.nav-login,.nav-register{border-radius:40px;padding:10px 21px;font-size:13px;background:linear-gradient(120deg,#ffffff45,#ffffff20);border:1px solid #ffffff65;box-shadow:inset 0 1px 1px #ffffff80;backdrop-filter:blur(20px)}.nav-register{background:#f3f4fd;color:#1d2a3c}.nav .lang{background:#ffffff15;backdrop-filter:blur(16px)}.hero{height:690px;min-height:600px;max-height:850px;border-radius:0 0 22px 22px;overflow:hidden}.hero .shade{background:linear-gradient(90deg,#0618269c,transparent 80%),linear-gradient(0deg,#09131c60,transparent 55%)}.hero-copy{left:6%;bottom:20%;right:15%}.hero h1{font-size:clamp(34px,3.5vw,57px);line-height:1.32;margin:20px 0 12px}.hero-english{font-size:17px;line-height:1.5;letter-spacing:.08em;margin-bottom:25px;color:#e8edf5}.hero-action{color:white;min-width:175px;gap:28px}.hero-foot{left:6%;right:5%;bottom:28px}.section{padding:45px 4%}.section-head{margin-bottom:24px;align-items:center}.section h2{font-size:30px;line-height:1.35;margin-top:6px}.eyebrow{font-size:11px;letter-spacing:.15em}.discover-lead{display:grid;grid-template-columns:2.25fr 1fr;gap:18px;margin-bottom:36px}.lead-feature{position:relative;border-radius:18px;overflow:hidden;height:360px;color:#fff}.lead-feature .photo-wrap{height:100%}.lead-feature img{object-position:50% 30%}.lead-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071820c0,#07182015)}.lead-copy{position:absolute;z-index:1;left:30px;bottom:28px;right:25px}.lead-copy h2{font-size:30px;margin:13px 0 24px}.lead-copy .pill{font-size:13px;min-height:42px;padding:10px 21px}.lead-side{display:grid;grid-template-rows:repeat(3,1fr);gap:14px}.mini-feature{position:relative;overflow:hidden;border-radius:16px;display:flex;align-items:center;padding:20px;color:#243045}.mini-feature img{position:absolute;inset:0;z-index:0}.mini-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e3e7f4ec,#e6e9f8bc 45%,#eef0f432)}.mini-feature span,.mini-feature b{position:relative;z-index:1}.mini-feature span{display:grid;gap:10px}.mini-feature strong{font-size:17px;font-weight:500}.mini-feature small{font-size:12px}.mini-feature b{margin-left:auto;font-weight:400;border-radius:100%;background:#fff6;width:35px;height:35px;display:grid;place-items:center}.mini-feature:hover img{transform:scale(1.04);transition:transform .5s}.discover-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;align-items:start}.discover-grid figure:nth-child(n){margin:0;width:100%}.discover-grid figure:nth-child(n) .photo-wrap{aspect-ratio:.76;border-radius:16px}.discover-grid figure:nth-child(2) .photo-wrap{aspect-ratio:.88}.discover-grid figure:nth-child(3) .photo-wrap{aspect-ratio:.82}.discover-grid figure:nth-child(4) .photo-wrap{aspect-ratio:.73}.photo-meta{margin-top:12px}.photo-meta h3{font-size:17px;margin-top:6px}.photo-meta .number{display:none}.photo-meta .eyebrow{font-size:10px}.categories{font-size:11px;gap:13px}.discover-bottom{margin-top:24px;font-size:13px}.daily{margin:0 4% 35px;min-height:260px;padding:45px 7%;border-radius:22px;background:linear-gradient(130deg,#ffffff99,#dce4f2a0);border:1px solid #ffffffa0;box-shadow:inset 0 1px 0 #fff,0 10px 25px #364a6510}.daily blockquote{font-size:32px;line-height:1.6;margin:20px auto}.daily .quote-mark{font-size:100px;top:25px}.selected{margin:0 4%;padding:35px;border-radius:22px;background:linear-gradient(125deg,#213248,#112b3a)}.selected-layout{gap:40px;grid-template-columns:1.3fr 1fr}.selected-image{height:330px;border-radius:16px}.selected-copy h3{font-size:30px;margin:14px 0}.selected-copy p{font-size:14px;line-height:1.9;margin-bottom:18px}.selected-overlay h3{font-size:32px}.edition{margin-top:23px;padding-top:18px;font-size:10px}.turn{padding:55px 6%;gap:50px}.turn h2{font-size:46px}.turn p{margin-top:18px;font-size:10px}.turn .section-index{font-size:10px}.use-section{padding-top:0;padding-bottom:35px}.use-grid{gap:28px}.use-grid>div{background:#ffffff60;border:1px solid #ffffffbf;border-radius:20px;padding:24px;box-shadow:0 8px 25px #283e5710,inset 0 1px 0 #fff}.column-head{border:0;padding-top:0;margin-bottom:10px}.column-head h3{font-size:25px}.resource-row{padding:18px 0}.resource-row:last-of-type{border:0}.resource-icon{background:#e8eef880}.tools-preview{background:transparent;padding:15px 0}.card-lab{margin:0 4% 35px;border:1px solid #fff;border-radius:22px;min-height:380px;background:linear-gradient(130deg,#d3dcf1,#eeebf4)}.card-art{padding:40px;background:linear-gradient(130deg,#b7cbdc,#d8d3e4)}.inspiration-card{width:205px;border-radius:12px;overflow:hidden;box-shadow:12px 22px 35px #263d5640}.card-description{padding:35px}.card-description h2{font-size:35px}.card-description p{font-size:15px}.closing{height:340px;margin:0 4%;border-radius:22px;overflow:hidden;text-align:left;place-items:center start}.closing-copy{padding:35px 45px}.closing h2{font-family:Arial,sans-serif;font-size:45px;line-height:1.2;margin-top:15px}.closing .mark{position:absolute;right:-170px;bottom:30px;width:105px;height:105px;margin:0}.footer{margin-top:0;background:#101e2c;border-radius:22px 22px 0 0;padding:30px 4% 24px}.footer-top{margin-bottom:25px}.footer .mark{width:60px;height:60px}.footer .brand-type strong{font-size:16px}.footer-bottom{padding-top:18px}.footer-links{font-size:13px}.text-button.line-link{border:1px solid #ffffffa0;background:#ffffff40;border-radius:30px;padding:10px 20px;text-decoration:none;box-shadow:inset 0 1px 0 #ffffffc0}.selected .text-button.line-link{background:#ffffff15}.menu{color:white}.dialog-close{background:#ffffff60;backdrop-filter:blur(20px);border:1px solid #ffffff90}dialog{border-radius:24px;background:linear-gradient(120deg,#f2f6faee,#e4e9f4ee);border:1px solid #ffffffb0;backdrop-filter:blur(25px)}dialog::backdrop{background:#0c1b3466;backdrop-filter:blur(15px)}
@media(max-width:1000px){.nav-links a{padding:9px 12px}.nav-end{gap:6px}.nav-login,.nav-register{padding:9px 14px}.nav .brand span:last-child{display:flex}.brand-type strong{font-size:16px}.brand-type small{font-size:8px}.mark{width:54px;height:54px}.hero{height:630px}.discover-lead{grid-template-columns:1.8fr 1fr}.lead-feature{height:325px}.lead-copy h2{font-size:26px}.mini-feature{padding:15px}.mini-feature strong{font-size:15px}.mini-feature small{font-size:10px}.selected-layout{gap:25px}.selected{padding:28px}.selected-copy h3{font-size:26px}.selected-image{height:350px}.categories{font-size:10px;gap:8px}.turn h2{font-size:40px}}
@media(max-width:760px){.nav-links{display:none;position:absolute;left:auto;right:0;top:65px;width:280px;max-width:90vw;flex-direction:column;align-items:stretch;padding:20px;background:linear-gradient(135deg,#182a3cde,#162736e8);border-radius:22px;gap:5px}.nav-links.open{display:flex}.nav-links a{padding:13px 18px;font-size:15px}.nav-links a:first-child{background:#ffffff18;color:white}.nav .brand span:last-child{display:flex}.nav .brand-type strong{font-size:17px}.nav .brand-type small{font-size:9px}.menu{display:block;font-size:23px;border:1px solid #ffffff55;border-radius:50%;width:39px;height:39px;background:#ffffff20;backdrop-filter:blur(20px)}.nav-register,.nav-login{display:none}.nav .mark{width:52px;height:52px}.nav{top:16px;left:5%;right:5%;padding:0}.nav-end{gap:8px}.hero{height:82svh;min-height:610px;max-height:820px;border-radius:0 0 20px 20px}.hero-copy{bottom:22%;left:7%;right:7%}.hero h1{font-size:35px;line-height:1.4}.hero-english{font-size:14px}.hero-foot{font-size:9px}.hero .cover img{object-position:62% center}.section{padding:30px 5%}.discover-lead{grid-template-columns:1fr;margin-bottom:30px;gap:13px}.lead-feature{height:295px}.lead-copy{left:23px;bottom:23px}.lead-copy h2{font-size:25px}.lead-side{display:grid;grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mini-feature{height:118px;padding:13px 10px;align-items:end}.mini-feature span{gap:7px}.mini-feature strong{font-size:13px}.mini-feature small{display:none}.mini-feature b{display:none}.mini-feature:after{background:linear-gradient(0deg,#e4e9f5ee,#edf1f340)}.section-head{display:block;margin-bottom:20px}.section h2{font-size:26px}.section-head .categories{margin-top:16px;gap:12px;font-size:9px}.discover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 13px}.discover-grid figure:nth-child(n){grid-column:auto;margin:0;width:100%}.discover-grid figure:nth-child(n) .photo-wrap{aspect-ratio:.83;border-radius:14px}.discover-grid figure:nth-child(even) .photo-wrap{aspect-ratio:.95}.photo-meta h3{font-size:15px;line-height:1.5}.photo-meta .eyebrow{font-size:9px}.discover-bottom{display:flex;gap:12px;font-size:11px}.discover-bottom .text-button{font-size:11px;padding:9px 13px;white-space:nowrap}.daily{margin:0 5% 25px;padding:35px 20px;min-height:260px}.daily blockquote{font-size:24px}.daily .quote-mark{font-size:70px;left:18px;top:18px}.selected{margin:0 5%;padding:22px}.selected-layout{display:block}.selected-image{height:290px}.selected-copy{padding-top:22px}.selected-copy h3{font-size:25px}.selected-copy p{font-size:14px}.selected-overlay h3{font-size:27px}.selected .section-head .eyebrow:last-child{margin-top:14px;display:block}.turn{padding:40px 7%;display:block}.turn .section-index{margin-bottom:18px}.turn h2{font-size:35px}.use-section{padding-top:0}.use-grid{display:block}.use-grid>div{padding:22px}.use-grid>div+div{margin-top:20px}.resource-row p{font-size:13px}.card-lab{margin:0 5% 25px;grid-template-columns:1fr}.card-art{min-height:325px;padding:35px}.inspiration-card{width:180px}.card-description{padding:27px}.card-description h2{font-size:32px}.closing{margin:0 5%;height:320px}.closing-copy{padding:28px}.closing h2{font-size:39px}.closing .mark{position:static;width:65px;height:65px;margin-top:12px}.footer{padding:26px 5%}.footer-top{gap:22px}.footer-links{gap:18px}.gate-core .mark{width:155px;height:155px}.gate-core p{font-size:22px}.gate .cover img{object-position:60% center}.gate-bottom{font-size:9px}}

.mark{mix-blend-mode:normal}.mark img{filter:url('#logo-alpha')}
body>svg{position:absolute}.lead-feature img{object-position:60% center}.home{animation:none}.nav-links a:focus-visible{outline-offset:1px}
@media(max-width:760px){.nav-links.open{position:fixed;inset:0;width:100vw;max-width:100vw;height:100svh;padding:100px 35px 65px;justify-content:center;gap:15px;border:0;border-radius:0;background:linear-gradient(#0c1c31dc,#0a1727f2),url('./assets/hero-twilight.png') center/cover}.nav-links.open a{font-size:22px;padding:17px 20px;border-bottom:1px solid #ffffff22;border-radius:0}.nav-links{z-index:3}.nav>.brand,.nav-end{position:relative;z-index:4}.nav .brand{min-width:0}.lead-feature{height:280px}.lead-copy h2{font-size:23px}.lead-feature img{object-position:66% center}.lead-feature:after{background:linear-gradient(90deg,#071820b0,#07182005)}.gate{min-height:100svh}.gate-core{padding:90px 20px}.gate-core .mark{margin-bottom:20px}}

.lead-copy .pill{color:#fff}body.menu-open{overflow:hidden}