:root{--sea:#1A7F8F;--brights:#2BB3C4;--deepsea:#0F5B68;--ink:#0E3A46;--text:#24505A;--muted:#4A7380;--soft:#7A9AA4;--pale:#E7F3F6;--cloud:#F4FAFC;--line:rgba(26,127,143,.16);--shadow:0 14px 34px rgba(14,58,70,.08);--header-total:134px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:150px}body{margin:0;background:var(--cloud);color:var(--text);font:400 16px/1.85 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;min-width:0}body.panel-lock{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.35}h1{font-size:clamp(28px,3.1vw,32px);letter-spacing:-.04em}h2{font-size:clamp(22px,2.3vw,27px);letter-spacing:-.025em}h3{font-size:19px}p{margin-bottom:1em}small{font-size:13px}a,button,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--brights);outline-offset:3px}a:hover{text-decoration-color:currentColor}.shell{width:min(1180px,calc(100% - 36px));margin-inline:auto}.site-header{position:fixed;z-index:100;inset:0 0 auto;width:100%;filter:drop-shadow(0 2px 8px rgba(14,58,70,.025))}.tide-line{background:var(--deepsea);color:#fff;height:22px}.tide-line-inner{height:100%;display:flex;align-items:center;justify-content:space-between;position:relative}.tide-line-inner>span{font-size:10px;line-height:1;letter-spacing:.13em;font-weight:700;white-space:nowrap}.tide-dot{margin:0 5px;opacity:.72}.tide-search{border:0;color:#fff;background:transparent;display:flex;align-items:center;gap:7px;padding:0 12px;height:22px;line-height:1;font-size:11px;position:relative;isolation:isolate}.tide-search::before{content:"";position:absolute;inset:-10px 0;z-index:-1}.tide-search:hover{background:rgba(255,255,255,.15)}.glass-icon{display:inline-block;position:relative;width:13px;height:13px;border:1.7px solid currentColor;border-radius:50%;flex:none}.glass-icon::after{content:"";width:6px;height:1.7px;background:currentColor;position:absolute;right:-5px;bottom:-3px;transform:rotate(45deg);border-radius:2px}.lighthouse-bar{height:68px;background:#fff;border-bottom:1px solid var(--line)}.lighthouse-inner{height:100%;display:flex;align-items:center;gap:20px}.site-logo{display:flex;align-items:center;min-width:0;max-width:230px;white-space:nowrap}.brand-logo-image{max-width:100%;max-height:36px;width:auto;height:auto;object-fit:contain;object-position:left center}.brand-wordmark{color:var(--ink);font-size:27px;font-weight:900;letter-spacing:-.08em;white-space:nowrap}.catalog-toggle{height:44px;min-width:80px;display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1px solid var(--line);background:var(--pale);color:var(--deepsea);border-radius:9px;font-weight:700;font-size:14px}.catalog-toggle:hover,.catalog-toggle[aria-expanded="true"]{background:var(--deepsea);color:#fff}.catalog-symbol{display:grid;gap:4px}.catalog-symbol i{display:block;width:16px;height:2px;background:currentColor;border-radius:1px}.brand-small{margin:0 auto 0 0;font-size:13px;letter-spacing:.04em;color:var(--soft)}.app-header-link{min-height:44px;padding:0 17px;background:linear-gradient(135deg,#2BB3C4 0%,#1A7F8F 55%,#0F5B68 100%);border-radius:9px;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-weight:700;font-size:14px}.app-header-link:hover{filter:brightness(.92)}.shore-tabs{height:44px;background:var(--pale);border-bottom:1px solid var(--line)}.shore-tab-list{height:100%;display:flex;align-items:center;gap:7px}.shore-tab{font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;min-height:30px;border-radius:5px;padding:0 13px;white-space:nowrap;color:var(--deepsea)}.shore-tab:hover,.shore-tab.current{background:var(--sea);color:#fff}.shore-tab-trail{margin-left:auto;white-space:nowrap;font-size:12px;color:var(--soft);letter-spacing:.045em}.site-main{padding-top:calc(var(--header-total) + 30px);padding-bottom:82px;min-height:68vh}.section-stack{display:grid;gap:32px}.section-block{margin-top:64px}.section-block+.section-block{margin-top:74px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.eyebrow{color:var(--sea);font-weight:800;font-size:12px;letter-spacing:.17em;margin-bottom:11px;display:block}.eyebrow::before{content:"";display:inline-block;width:19px;height:2px;background:var(--brights);vertical-align:middle;margin-right:8px}.section-heading h2{margin:0}.section-heading p{margin:0;color:var(--muted);font-size:14px;max-width:485px}.section-action{color:var(--deepsea);font-weight:800;white-space:nowrap;font-size:14px;min-height:44px;display:inline-flex;align-items:center}.section-action:hover{text-decoration:underline}.text-button,.main-button{border-radius:9px;min-height:44px;padding:9px 19px;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:800;white-space:nowrap;line-height:1.2;font-size:14px}.main-button{background:linear-gradient(135deg,#2BB3C4 0%,#1A7F8F 55%,#0F5B68 100%);color:#fff!important}.text-button{background:#fff;border:1px solid rgba(26,127,143,.36);color:var(--deepsea)}.main-button:hover{filter:brightness(.94)}.text-button:hover{background:var(--pale)}.action-line{display:flex;gap:12px;flex-wrap:wrap}.brand-hero{margin-top:4px}.hero-art{height:clamp(200px,27vw,320px);max-height:320px;border-radius:18px;overflow:hidden;position:relative;isolation:isolate;background:linear-gradient(165deg,#ccecf0 0%,#e8f5f7 35%,#7bc4cb 36%,#287f94 78%,#0d526b 100%);box-shadow:var(--shadow);border:1px solid var(--line)}.hero-art img{width:100%;height:100%;object-fit:contain;object-position:center;background:#e4f4f6}.hero-art:not(:has(img))::before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;left:17%;top:10%;background:rgba(255,255,255,.62);box-shadow:0 0 95px rgba(255,255,255,.55)}.hero-art:not(:has(img))::after{content:"";position:absolute;inset:52% -8% -28%;border-radius:50% 50% 0 0 / 37% 39% 0 0;background:linear-gradient(150deg,#66bdc6,#0a6075);transform:rotate(-3deg);box-shadow:0 -12px 0 rgba(255,255,255,.24)}.hero-art .hero-line{position:absolute;left:6%;right:6%;bottom:19%;height:1px;background:rgba(255,255,255,.36);z-index:1}.hero-art .hero-mark{position:absolute;right:11%;top:17%;width:44px;height:125px;opacity:.62;z-index:1;border-bottom:4px solid #fff}.hero-art .hero-mark::before{content:"";position:absolute;left:16px;top:8px;width:12px;height:102px;background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,.4));clip-path:polygon(25% 0,75% 0,100% 100%,0 100%)}.hero-intro{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-top:28px}.hero-copy{max-width:730px}.hero-copy h1{font-size:clamp(28px,3.2vw,36px);margin-bottom:14px}.hero-copy p{max-width:790px;margin-bottom:0}.hero-intro .action-line{flex:none;margin-bottom:3px}.interest-ribbon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.interest-chip{background:#fff;border:1px solid var(--line);border-radius:13px;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;gap:10px;align-items:center;padding:16px 14px;min-width:0;box-shadow:0 6px 18px rgba(14,58,70,.035)}.interest-chip .chip-icon{display:flex;align-items:center;justify-content:center;height:38px;border-radius:9px;background:var(--pale);color:var(--deepsea);font-size:18px;font-weight:900}.interest-chip:nth-child(even) .chip-icon{background:#def5f5;color:#168194}.interest-chip strong{display:block;color:var(--ink);font-size:15px}.interest-chip small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:3px}.interest-chip:hover{border-color:var(--sea);transform:translateY(-1px)}.interest-chip .arrow{color:var(--sea)}.current-wrap{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:26px;align-items:stretch}.current-feature{background:#fff;border:1px solid var(--line);border-radius:15px;padding:27px;display:flex;flex-direction:column;gap:12px}.current-feature p{font-size:15px}.current-feature .section-action{margin-top:auto}.index-rows{display:grid;gap:9px}.index-row{display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:70px;padding:13px 16px;border:1px solid var(--line);background:#fff;border-radius:11px}.index-row b{font-size:15px;color:var(--sea)}.index-row strong{color:var(--ink);font-size:15px}.index-row small{color:var(--muted);display:block;font-size:12px}.index-row:hover{border-color:var(--brights)}.longboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.longboard{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.longboard .longboard-copy{padding:21px 22px 24px;display:flex;flex-direction:column;flex:1}.longboard h3{margin-bottom:10px}.longboard p{font-size:14px;line-height:1.9}.longboard a{margin-top:auto;font-size:14px;font-weight:800;color:var(--sea);min-height:42px;display:inline-flex;align-items:center}.longboard .media-frame{height:205px;border:0;border-radius:0}.media-frame{min-width:0;height:210px;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(142deg,#edf9fa,#d8f0f2 62%,#b7dfe5)}.media-photo{width:100%;height:100%;object-fit:contain;object-position:center}.media-fallback{isolation:isolate}.media-fallback .sea-disc{position:absolute;width:120px;height:120px;right:17%;top:15%;border-radius:50%;background:rgba(255,255,255,.64);box-shadow:0 0 20px rgba(255,255,255,.48)}.media-fallback .sea-horizon{position:absolute;bottom:-43px;left:-10%;width:120%;height:56%;border-radius:55% 45% 0 0;background:linear-gradient(145deg,#7dbfc9,#1A7F8F);transform:rotate(-5deg)}.media-fallback .sea-ripple{position:absolute;bottom:18%;left:15%;width:55%;height:3px;background:rgba(255,255,255,.46);border-radius:3px;box-shadow:26px 18px 0 rgba(255,255,255,.24),110px -18px 0 rgba(255,255,255,.34)}.media-fallback:nth-of-type(even){background:linear-gradient(120deg,#e5f5f7,#c1e0e5)}.media-frame.wide{height:260px}.media-frame.tall{height:340px}.media-frame.app-media{height:380px}.story-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);align-items:center;gap:34px}.story-split.reverse .media-frame{order:2}.story-split.reverse .story-copy{order:1}.story-copy{min-width:0}.story-copy h2{margin-bottom:12px}.story-copy p{font-size:15px}.story-copy ul{padding-left:18px}.story-copy li{margin:5px 0}.diary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.diary-note{padding:20px;background:#fff;border:1px solid var(--line);border-radius:13px}.diary-note strong{display:block;color:var(--ink);font-size:17px;margin-bottom:8px}.diary-note p{font-size:14px;margin-bottom:0}.micro-label{color:var(--sea);font-size:12px;letter-spacing:.1em;font-weight:800}.yard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.yard-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:21px 17px;min-width:0}.yard-card b{display:block;color:var(--sea);font-size:20px;line-height:1.2;margin-bottom:12px}.yard-card strong{display:block;margin-bottom:9px;color:var(--ink)}.yard-card p{font-size:13px;margin-bottom:0;line-height:1.8}.atlas-rows{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.atlas-row{display:grid;grid-template-columns:70px 1fr auto;gap:18px;align-items:center;padding:17px 25px;border-bottom:1px solid var(--line)}.atlas-row:last-child{border-bottom:0}.atlas-row .no{font-size:23px;color:var(--sea);font-weight:900}.atlas-row h3{font-size:17px;margin:0 0 4px}.atlas-row p{margin:0;color:var(--muted);font-size:14px}.atlas-row a{font-weight:800;color:var(--deepsea)}.frames-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.frame-tile{background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.frame-art{height:120px;position:relative;overflow:hidden;background:linear-gradient(160deg,#ecf8f9,#abd3d9 60%,#6aa6b2)}.frame-art::before{content:"";position:absolute;width:78px;height:78px;background:rgba(255,255,255,.56);border-radius:50%;top:-16px;right:10%}.frame-art::after{content:"";position:absolute;inset:60% -10% -25%;background:linear-gradient(150deg,#7dbfc9,#2b7788);border-radius:55% 55% 0 0;transform:rotate(-7deg)}.frame-tile:nth-child(2) .frame-art{background:linear-gradient(135deg,#dcecf1,#9bb4b6 50%,#688a8a)}.frame-tile:nth-child(3) .frame-art{background:linear-gradient(150deg,#e7f5f2,#a1c4c1 55%,#367e85)}.frame-tile:nth-child(4) .frame-art{background:linear-gradient(150deg,#dfebf2,#9daec4 55%,#4f849d)}.frame-tile div:last-child{padding:15px}.frame-tile h3{font-size:15px;margin-bottom:4px}.frame-tile p{font-size:13px;margin:0;color:var(--muted)}.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.path-card{background:#fff;padding:23px;border-radius:14px;border:1px solid var(--line)}.path-card .path-count{display:block;color:var(--brights);font-weight:900;font-size:24px;line-height:1.2;margin-bottom:15px}.path-card h3{margin-bottom:8px}.path-card p{font-size:14px}.path-card a{color:var(--sea);font-size:14px;font-weight:800}.app-feature{background:linear-gradient(130deg,#e8f6f8,#fff 55%);border:1px solid var(--line);border-radius:18px;padding:28px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:center}.app-feature .media-frame{max-height:360px}.app-feature p{font-size:15px}.app-icon{display:inline-flex;align-items:center;min-width:60px;min-height:60px;border-radius:14px;background:#d6edf0;margin-bottom:10px;overflow:hidden}.app-icon img{max-height:62px;width:auto;object-fit:contain}.app-icon-fallback{height:60px;width:60px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:var(--deepsea)}.closing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.closing-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px}.closing-card h3{margin-bottom:12px}.closing-card p{font-size:14px}.closing-card a{font-size:14px;font-weight:800;color:var(--sea);display:inline-flex;min-height:38px;align-items:center}.brand-letter{background:var(--deepsea);color:#e9f6f7;border-radius:16px;padding:35px;position:relative;overflow:hidden}.brand-letter h2,.brand-letter h3{color:#fff}.brand-letter p{max-width:900px}.brand-letter a{color:#fff;text-decoration:underline;text-underline-offset:5px}.brand-letter::after{content:"";position:absolute;right:-52px;bottom:-138px;width:270px;height:270px;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.05),0 0 0 70px rgba(255,255,255,.035);pointer-events:none}.small-questions{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 24px}.small-questions details{border-bottom:1px solid var(--line);padding:12px 0}.small-questions details:last-child{border:0}.small-questions summary{color:var(--ink);font-weight:800;cursor:pointer;padding:4px}.small-questions details p{color:var(--muted);font-size:14px;margin:12px 0 5px}.small-questions .section-action{margin-top:12px}.page-top{margin-top:6px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:28px;align-items:stretch}.page-heading{padding:26px 0;display:flex;flex-direction:column;justify-content:center}.page-heading h1{margin-bottom:17px}.page-heading .page-intro{font-size:16px;line-height:1.95;max-width:700px}.page-heading .page-meta{font-size:12px;letter-spacing:.07em;color:var(--sea);font-weight:800;margin-top:18px}.page-top .media-frame{min-height:290px;height:100%}.content-flow{margin-top:34px}.content-rundown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.essay-part{background:#fff;border:1px solid var(--line);border-radius:15px;padding:26px;min-width:0}.essay-part h2{font-size:20px;margin:0 0 13px}.essay-part p{font-size:15px;line-height:1.96;margin-bottom:0}.essay-part .part-number{font-weight:900;display:block;color:var(--sea);font-size:13px;letter-spacing:.11em;margin-bottom:12px}.content-rundown.rank-layout{grid-template-columns:1fr}.rank-layout .essay-part{display:grid;grid-template-columns:85px 1fr;column-gap:16px}.rank-layout .essay-part .part-number{font-size:27px;grid-row:1/3;line-height:1.2}.rank-layout .essay-part h2{grid-column:2}.rank-layout .essay-part p{grid-column:2}.content-rundown.line-layout{grid-template-columns:1fr 1fr}.line-layout .essay-part:nth-child(2n){transform:translateY(16px)}.content-rundown.magazine-layout{grid-template-columns:1.2fr .8fr}.magazine-layout .essay-part:first-child{grid-row:span 2;background:linear-gradient(135deg,#e1f1f4,#fff)}.content-rundown.legal-layout{grid-template-columns:1fr}.legal-layout .essay-part{border-left:4px solid var(--sea);border-radius:4px 13px 13px 4px}.page-extra{margin-top:32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.5fr);gap:20px}.page-notes{background:var(--pale);padding:27px;border-radius:14px;border:1px solid var(--line)}.page-notes h2{font-size:21px;margin-bottom:16px}.note-list{display:grid;gap:13px}.note-item{border-bottom:1px solid rgba(26,127,143,.14);padding-bottom:13px}.note-item:last-child{border-bottom:0;padding-bottom:0}.note-item strong{font-size:15px;color:var(--ink)}.note-item p{font-size:14px;margin:5px 0 0}.page-lastword{background:var(--deepsea);padding:28px;border-radius:14px;color:#e7f3f6}.page-lastword h2{color:#fff;font-size:21px}.page-lastword p{font-size:15px}.related-links{margin-top:34px;background:#fff;padding:23px 28px;border:1px solid var(--line);border-radius:14px}.related-links h2{font-size:18px;margin-bottom:14px}.related-links ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px}.related-links a{display:flex;padding:7px 14px;min-height:42px;align-items:center;border:1px solid var(--line);border-radius:7px;color:var(--deepsea);font-size:14px;font-weight:700}.related-links a:hover{background:var(--pale)}.faq-main{max-width:950px;margin-inline:auto}.faq-main .page-top{display:block}.faq-collection{display:grid;gap:12px;margin-top:24px}.faq-collection details{background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px 23px}.faq-collection summary{font-weight:800;font-size:16px;color:var(--ink);cursor:pointer;list-style-position:inside;min-height:38px}.faq-collection details[open]{border-color:var(--sea);box-shadow:0 6px 24px rgba(14,58,70,.05)}.faq-collection p{font-size:15px;line-height:1.95;padding-top:12px;margin:0 0 8px}.site-footer{background:var(--ink);color:#d4e8ec;padding:54px 0 20px}.footer-grid{display:grid;grid-template-columns:1.65fr repeat(4,minmax(0,1fr));gap:35px}.footer-logo{display:flex;align-items:center;color:#fff;min-height:40px}.footer-logo .brand-wordmark{color:#fff}.footer-logo .brand-logo-image{max-height:32px;filter:brightness(1.15)}.footer-en{font-size:12px;font-weight:900;color:#a5d5df;letter-spacing:.22em}.footer-brand p{margin:15px 0 15px;color:#d4e8ec;font-size:13px;line-height:2}.footer-read{color:#a4e2e6;font-size:13px;font-weight:800}.footer-column h2{font-size:15px;margin-bottom:17px;color:#fff}.footer-column a{display:block;font-size:13px;line-height:1.7;margin:8px 0;color:#d4e8ec}.footer-column a:hover{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:32px;padding-top:20px;font-size:12px;color:#c1d9dc;display:flex;gap:20px;align-items:start;justify-content:space-between}.footer-bottom p{max-width:640px;margin:0}.panel-backdrop{position:fixed;inset:0;background:rgba(5,30,36,.48);z-index:110;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s}.panel-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}.catalog-panel{position:fixed;z-index:120;left:0;top:90px;bottom:0;width:360px;max-width:86vw;background:#fff;transform:translateX(-104%);visibility:hidden;pointer-events:none;transition:transform .25s ease;box-shadow:10px 0 32px rgba(14,58,70,.14);display:flex;flex-direction:column}.catalog-panel.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.catalog-heading{display:flex;align-items:center;justify-content:space-between;flex:none;gap:8px;padding:18px 20px;border-bottom:1px solid var(--line)}.catalog-brand{display:flex;align-items:center;gap:9px;min-width:0}.catalog-brand .brand-logo-image{max-width:126px;max-height:30px}.catalog-brand .brand-wordmark{font-size:21px}.catalog-brand-en{font-size:10px;letter-spacing:.1em;color:var(--sea);font-weight:800}.panel-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--pale);color:var(--ink);border:0;border-radius:8px;font-size:29px;line-height:1}.catalog-scroll{overflow-y:auto;overscroll-behavior:contain;padding:14px 20px 30px}.catalog-group{padding:9px 0 12px}.catalog-group h2{color:var(--sea);font-size:12px;letter-spacing:.16em;margin:0 0 7px}.catalog-item{display:grid;grid-template-columns:1fr auto;gap:0 8px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.catalog-item strong{font-size:15px;color:var(--ink)}.catalog-item small{grid-column:1;font-size:12px;color:var(--muted);line-height:1.6;margin-top:3px}.catalog-item span{grid-column:2;grid-row:1/3;color:var(--sea);font-weight:700}.catalog-item:hover strong{color:var(--sea)}.search-panel{position:fixed;z-index:120;top:91px;right:max(18px,calc((100vw - 1180px)/2));width:min(520px,calc(100vw - 36px));max-height:calc(100dvh - 108px);overflow-y:auto;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:26px;border-radius:0 0 14px 14px;opacity:0;transform:translateY(-15px);visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s}.search-panel.is-open{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto}.search-heading{display:flex;justify-content:space-between;align-items:center;font-size:19px;font-weight:900;color:var(--ink);margin-bottom:20px}.search-label{font-size:14px;color:var(--deepsea);display:block;margin-bottom:9px;font-weight:700}.search-input-wrap{display:flex;gap:13px;align-items:center;padding:9px 15px;min-height:52px;border:1px solid rgba(26,127,143,.3);background:var(--cloud);border-radius:10px;color:var(--sea)}.search-input-wrap input{background:transparent;border:0;outline:0;width:100%;min-width:0;color:var(--ink);font-size:15px}.search-context{font-size:13px;margin:15px 0;color:var(--muted)}.search-link-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.search-link-list a{background:var(--pale);border-radius:8px;min-height:45px;padding:9px 13px;display:flex;align-items:center;justify-content:space-between;color:var(--ink);font-weight:700;font-size:13px;gap:7px}.search-link-list a:hover{background:#cfe8ec}.search-link-list a[hidden]{display:none}.search-empty{font-size:13px;color:var(--muted)}.mobile-bottom-nav{display:none}
@media(max-width:1100px){.brand-small{display:none}.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.footer-brand{grid-column:1/-1;max-width:530px}.shore-tab-trail{display:none}}
@media(max-width:768px){:root{--header-total:90px}.site-main{padding-top:calc(var(--header-total) + 22px);padding-bottom:88px}.shore-tabs{display:none}.lighthouse-inner{gap:8px;display:grid;grid-template-columns:minmax(0,1fr) 77px 98px}.brand-wordmark{font-size:22px}.brand-logo-image{max-height:31px}.catalog-toggle{min-width:0;gap:6px;height:44px;font-size:13px}.app-header-link{padding:0 9px;font-size:13px}.hero-intro{align-items:start;flex-direction:column;gap:16px}.interest-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}.current-wrap,.story-split,.app-feature{grid-template-columns:1fr}.story-split.reverse .media-frame,.story-split.reverse .story-copy{order:initial}.story-split .media-frame{max-height:250px}.longboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.frames-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.path-grid,.closing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-top{grid-template-columns:1fr}.page-heading{padding:3px 0}.page-top .media-frame{height:250px;min-height:0}.page-extra{grid-template-columns:1fr}.content-rundown.magazine-layout{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.mobile-bottom-nav{display:grid;position:fixed;z-index:90;inset:auto 0 0;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(50px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:rgba(255,255,255,.98);border-top:1px solid var(--line);box-shadow:0 -8px 25px rgba(14,58,70,.07)}.bottom-item{display:flex;align-items:center;justify-content:center;min-width:0;height:50px;font-size:13px;font-weight:800;color:var(--deepsea);white-space:nowrap}.bottom-item.current{background:var(--sea);color:#fff}.catalog-panel{top:90px;width:86vw;max-width:86vw}.search-panel{top:0;bottom:0;right:0;width:100vw;max-height:none;border-radius:0;background:var(--pale);padding:42px 20px 80px}.search-link-list a{background:#fff}.site-footer{padding-bottom:calc(75px + env(safe-area-inset-bottom,0px))}}
@media(max-width:480px){.shell{width:calc(100% - 32px)}.lighthouse-inner{grid-template-columns:minmax(0,1fr) 69px 88px;gap:7px}.brand-wordmark{font-size:21px}.brand-logo-image{max-height:28px}.catalog-toggle{font-size:12px}.catalog-symbol i{width:13px}.catalog-symbol{gap:3px}.app-header-link{font-size:12px;padding:0 5px}.section-block,.section-block+.section-block{margin-top:48px}.section-heading{align-items:start;flex-direction:column;gap:6px}.section-heading p{font-size:13px}.hero-art{height:212px}.hero-copy h1{font-size:29px}.hero-copy p{font-size:15px}.interest-ribbon{grid-template-columns:1fr}.interest-chip{padding:12px 14px}.current-feature{padding:22px}.longboard-grid,.diary-list,.path-grid,.closing-grid,.content-rundown,.content-rundown.line-layout,.content-rundown.magazine-layout{grid-template-columns:1fr}.content-rundown.line-layout .essay-part:nth-child(2n){transform:none}.media-frame.wide{height:202px}.longboard .media-frame{height:198px}.story-split{gap:19px}.atlas-row{grid-template-columns:43px minmax(0,1fr);gap:9px;padding:17px}.atlas-row a{grid-column:2}.frames-grid{gap:10px}.frame-art{height:110px}.frame-tile div:last-child{padding:11px}.frame-tile p{font-size:12px}.yard-grid{gap:10px}.yard-card{padding:15px 13px}.app-feature{padding:19px}.brand-letter{padding:25px}.page-heading h1{font-size:29px}.page-heading .page-intro{font-size:15px}.page-top .media-frame{height:194px}.essay-part{padding:22px}.rank-layout .essay-part{grid-template-columns:50px 1fr;column-gap:8px}.rank-layout .essay-part .part-number{font-size:22px}.page-notes,.page-lastword{padding:22px}.footer-grid{gap:20px}.footer-column a{font-size:12px}.footer-bottom{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}