@charset "UTF-8";
:root{--bg:#F4FAFC;--surface:#FFFFFF;--soft:#E7F3F6;--softest:#D7EEF2;--ink:#0E3A46;--body:#24505A;--sub:#4A7380;--muted:#7A9AA4;--sea:#1A7F8F;--shine:#2BB3C4;--deep:#0F5B68;--line:rgba(26,127,143,.16);--shadow:0 14px 34px rgba(14,58,70,.08);--max:1180px;--header:134px;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--bg);color:var(--body);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-size:16px;line-height:1.85;min-width:0;overflow-x:clip}body.overlay-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img,svg{max-width:100%}img{display:block}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{color:var(--ink);line-height:1.38;letter-spacing:-.025em}h1{font-size:clamp(28px,3vw,34px);font-weight:800}h2{font-size:clamp(23px,2.35vw,29px)}h3{font-size:19px}p{overflow-wrap:anywhere}ul,ol{padding:0;margin:0;list-style:none}a,button,input{ -webkit-tap-highlight-color:transparent }a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--shine);outline-offset:4px}button:disabled{cursor:not-allowed}.skip-link{position:fixed;left:12px;top:-70px;background:#fff;z-index:220;padding:10px 18px}.skip-link:focus{top:12px}
.page-wrap,.head-wrap{width:min(var(--max),calc(100% - 32px));margin:0 auto}.site-main{padding-top:var(--header);min-height:62vh}.site-main>section,.site-main>.page-wrap{margin-left:auto;margin-right:auto}.site-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:80;background:#fff;box-shadow:0 6px 22px rgba(14,58,70,.06)}.tide-line{height:22px;background:var(--deep);color:#fff;position:relative}.tide-inner{height:22px;display:flex;align-items:center;justify-content:space-between;position:relative;font-size:10px;font-weight:700;letter-spacing:.14em;line-height:1}.tide-inner i{font-style:normal;opacity:.65;margin:0 5px}.tide-inner b{font-size:9px}.icon-button{background:none;border:0;display:grid;place-items:center;color:inherit}.search-launch{position:absolute;right:0;top:-8px;width:44px;height:44px;color:#fff;z-index:2;border-radius:10px}.search-launch:hover,.search-launch:focus-visible{background:rgba(255,255,255,.13)}.search-launch svg{width:19px;height:19px}.lighthouse{height:68px;background:#fff;border-bottom:1px solid var(--line)}.lighthouse-inner{height:100%;display:flex;align-items:center;gap:20px}.brand-link{display:flex;align-items:center;flex:0 1 auto;max-width:220px;min-width:0}.brand-logo{display:block;height:36px;width:auto;max-width:195px;object-fit:contain;object-position:left center}.brand-fallback{display:inline-flex;align-items:baseline;gap:10px;white-space:nowrap;line-height:1.1}.brand-fallback strong{font-size:25px;letter-spacing:.06em;color:var(--ink);font-weight:850}.brand-fallback small{font-weight:900;color:var(--sea);font-size:10px;letter-spacing:.18em}.catalog-launch{height:44px;min-width:91px;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--soft);border:1px solid var(--line);border-radius:11px;color:var(--deep);font-weight:800;font-size:14px}.catalog-launch:hover{background:var(--softest)}.hamburger{display:grid;gap:4px}.hamburger i{display:block;width:16px;height:2px;background:var(--deep);border-radius:3px}.header-app{margin-left:auto;display:inline-flex;align-items:center;gap:6px;justify-content:center;min-width:102px;height:44px;padding:0 12px;background:linear-gradient(135deg,#2BB3C4 0%,#1A7F8F 55%,#0F5B68 100%);color:#fff;border-radius:10px;line-height:1;white-space:nowrap;font-weight:750;font-size:14px;transform:translateY(4px)}.header-app:hover{filter:brightness(.94)}.header-app span{font-size:17px}.shore-nav{background:var(--soft);border-bottom:1px solid var(--line);height:44px}.shore-links{height:44px;display:flex;align-items:stretch;gap:8px}.shore-links a{display:flex;align-items:center;justify-content:center;padding:0 15px;font-weight:750;color:var(--deep);font-size:13px;position:relative}.shore-links a.active{background:var(--sea);color:#fff}.shore-links a:hover:not(.active){background:var(--softest)}
.eyebrow{font-size:12px;font-weight:850;color:var(--sea);letter-spacing:.15em}.overline{font-size:12px;font-weight:850;letter-spacing:.14em;color:var(--sea)}.text-sub{color:var(--sub)}.muted{color:var(--muted)}.section-shell{margin-top:74px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px}.section-top .eyebrow{margin-bottom:6px}.section-lead{max-width:770px;color:var(--sub);margin-bottom:23px;line-height:1.96}.small-link,.text-link{color:var(--deep);font-weight:850;display:inline-flex;gap:7px;align-items:center}.small-link::after,.text-link::after{content:'↗';font-size:16px;color:var(--sea)}.small-link:hover,.text-link:hover{color:var(--sea)}.link-row{display:flex;gap:14px;flex-wrap:wrap}.action-primary,.action-secondary{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 19px;white-space:nowrap;border-radius:10px;font-weight:800;font-size:14px;line-height:1.2}.action-primary{background:linear-gradient(135deg,#2BB3C4 0%,#1A7F8F 55%,#0F5B68 100%);color:#fff}.action-primary:hover{box-shadow:0 10px 25px rgba(26,127,143,.2);transform:translateY(-1px)}.action-secondary{background:#fff;color:var(--deep);border:1px solid var(--line)}.action-secondary:hover{background:var(--soft)}.divider-line{height:1px;background:var(--line);margin:30px 0}
.media-slot{margin:0;display:block;position:relative;min-width:0;width:100%;height:100%;min-height:160px;border-radius:15px;overflow:hidden;background:var(--soft);border:1px solid var(--line)}.media-slot img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;position:relative;z-index:2}.media-art{height:100%;min-height:inherit;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:end;padding:20px 24px;overflow:hidden;background:radial-gradient(circle at 77% 26%,#fff 0,#f0fbfc 18%,transparent 47%),linear-gradient(147deg,#d6f1f4,#b3dfe7 48%,#7bbbc5 100%)}.media-wave{position:absolute;left:-15%;width:130%;height:100%;border:1px solid rgba(11,97,114,.25);border-radius:48%;pointer-events:none}.wave-one{bottom:-72%;transform:rotate(-13deg);background:rgba(255,255,255,.24)}.wave-two{bottom:-85%;transform:rotate(5deg);background:rgba(26,127,143,.10)}.media-orb{position:absolute;width:104px;height:104px;right:13%;top:12%;border-radius:100%;border:1px solid rgba(255,255,255,.82);box-shadow:0 0 0 22px rgba(255,255,255,.13),0 0 0 44px rgba(255,255,255,.07)}.media-type{font-size:clamp(18px,2vw,29px);font-weight:900;letter-spacing:.08em;z-index:1;color:#0a5f68;max-width:260px;line-height:1.4}.media-cover{height:320px;max-height:320px}.media-cover img{object-fit:contain}.media-cover .media-art{justify-content:center;align-items:flex-start;padding:35px 6%}.media-cover .media-type{font-size:clamp(30px,4vw,50px);max-width:600px}.media-cover .media-orb{width:170px;height:170px}.media-landscape{height:215px}.media-tile{height:185px}.media-inline{height:260px}.media-app{height:360px;max-width:410px}.media-app .media-art{background:linear-gradient(145deg,#eefaff 15%,#a9dbe3 75%,#76b7c4)}
/* Homepage: maritime longboard editorial */
.home-intro{padding-top:30px}.cover-text{padding:27px 8px 0;max-width:890px}.cover-text .eyebrow{margin-bottom:7px}.cover-text h1{max-width:860px}.cover-text>p{margin:13px 0 20px;max-width:830px;color:var(--sub);line-height:1.94}.cover-meta{display:flex;align-items:center;gap:10px;color:var(--sea);font-size:11px;font-weight:800;letter-spacing:.14em;margin-top:20px}.cover-meta:before{content:'';display:block;width:40px;height:2px;background:var(--shine)}
.home-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:40px}.home-labels a{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px;min-height:105px;box-shadow:0 6px 17px rgba(14,58,70,.03)}.home-labels a:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.label-index{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:9px;background:var(--deep);color:#fff;font-size:12px;font-weight:900}.home-labels a:nth-child(2n) .label-index{background:var(--shine);color:var(--ink)}.home-labels strong{display:block;font-size:16px;color:var(--ink)}.home-labels small{color:var(--sub);display:block;margin-top:4px;font-size:12px;line-height:1.6}
.current-board{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:stretch}.current-list{background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px 27px;box-shadow:var(--shadow)}.current-list a{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.current-list a:last-child{border:0}.current-list b{color:var(--sea);font-size:21px;letter-spacing:.05em}.current-list strong{display:block;color:var(--ink);font-size:16px}.current-list small{display:block;font-size:13px;color:var(--sub);margin-top:2px;line-height:1.65}.board-info{display:flex;flex-direction:column;gap:14px}.board-info .media-slot{flex:1;min-height:220px}.board-info p{color:var(--sub)}
.triple-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.board-card{padding:15px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 4px 22px rgba(14,58,70,.04);min-width:0;display:flex;flex-direction:column}.board-card .media-slot{height:180px;flex:0 0 auto}.board-card h3{margin:17px 5px 6px}.board-card p{font-size:14px;line-height:1.85;color:var(--sub);margin:0 5px 15px;flex:1}.board-card .small-link{margin:0 5px 3px;font-size:13px}
.split-essay{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:30px;align-items:center}.split-essay.reverse{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.split-essay .copy{padding:5px 0}.split-essay .copy p{margin:12px 0;color:var(--sub)}.feature-number{font-size:12px;color:var(--sea);font-weight:900;letter-spacing:.16em}.essay-list{margin:18px 0 18px}.essay-list li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:760;color:var(--ink)}.essay-list li span{color:var(--sea);font-size:12px;font-weight:900;margin-right:12px}.quad-blocks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quad-blocks article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px}.quad-blocks strong{font-size:16px;color:var(--ink);display:block;margin-bottom:7px}.quad-blocks p{font-size:13px;color:var(--sub);line-height:1.8}
.atlas-board{border:1px solid var(--line);background:#fff;border-radius:16px;display:grid;grid-template-columns:300px 1fr;gap:28px;overflow:hidden}.atlas-board .media-slot{height:100%;min-height:310px;border:0;border-radius:0}.atlas-lines{padding:24px 28px 24px 0}.atlas-lines a{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:15px 0;font-weight:800;color:var(--ink)}.atlas-lines a:last-child{border:0}.atlas-lines a span{color:var(--sea)}.gallery-home{display:grid;grid-template-columns:1.2fr repeat(3,.9fr);gap:12px;align-items:stretch}.gallery-home .media-slot{height:215px}.photo-note{min-height:215px;border-radius:13px;border:1px solid var(--line);background:linear-gradient(154deg,#fff 0%,#e3f6f7 100%);padding:21px;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden}.photo-note:before{content:'';position:absolute;width:90px;height:90px;border-radius:50%;border:1px solid #a7d9e1;right:-20px;top:-10px}.photo-note strong{color:var(--ink)}.photo-note small{color:var(--sub);line-height:1.65;margin-top:6px}
.app-feature{background:linear-gradient(120deg,#e8f7f9,#fff);padding:28px;display:grid;grid-template-columns:1fr 340px;gap:30px;align-items:center;border-radius:18px;border:1px solid var(--line);position:relative;overflow:hidden}.app-feature p{margin:14px 0 22px}.app-feature .media-slot{height:330px}.app-icon-wrap{display:flex;gap:12px;align-items:center;margin:0 0 10px}.app-icon-wrap img{max-width:60px;max-height:60px;object-fit:contain;border-radius:10px}.app-icon-wrap strong{color:var(--deep);letter-spacing:.07em}.duo-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.duo-blocks article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:28px}.duo-blocks p{margin:13px 0 20px;color:var(--sub)}.duo-blocks h3{font-size:21px}.faq-home details,.faq-full details{border-bottom:1px solid var(--line);padding:15px 3px}.faq-home summary,.faq-full summary{cursor:pointer;font-weight:750;color:var(--ink);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px}.faq-home summary::-webkit-details-marker,.faq-full summary::-webkit-details-marker{display:none}.faq-home summary:after,.faq-full summary:after{content:'＋';color:var(--sea);font-size:20px;font-weight:500}.faq-home details[open] summary:after,.faq-full details[open] summary:after{content:'−'}.faq-home details p,.faq-full details p{padding:7px 3px 10px;color:var(--sub);font-size:14px;line-height:2}
.brand-manifesto{background:var(--deep);border-radius:18px;padding:40px 43px;color:#e2f2f4;position:relative;overflow:hidden}.brand-manifesto:before{content:'';position:absolute;width:350px;height:350px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-100px;bottom:-200px}.brand-manifesto h2{color:#fff}.brand-manifesto p{max-width:820px;line-height:2;margin:15px 0;color:#e3f2f4;position:relative}.brand-manifesto .small-link{color:#fff}
/* Interior pages use deliberately distinct editorial grids */
.page-shell{padding-top:32px}.crumb{display:flex;align-items:center;gap:8px;color:var(--sub);font-size:12px;margin:1px 0 20px}.crumb a{color:var(--sea);font-weight:800}.page-lead{display:grid;grid-template-columns:1.12fr .88fr;align-items:stretch;gap:24px;min-height:290px}.page-lead .page-lead-text{padding:24px 27px;background:#fff;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;justify-content:center}.page-lead .page-lead-text .overline{margin-bottom:12px}.page-lead .page-lead-text h1{margin-bottom:14px}.page-lead .page-lead-text p{line-height:2;color:var(--sub)}.page-lead>.media-slot{height:auto;min-height:270px}.page-main{margin-top:36px}.entry{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px 26px;position:relative;min-width:0}.entry-index{font-size:12px;font-weight:900;color:var(--sea);letter-spacing:.13em;margin-bottom:9px}.entry h2{font-size:21px;margin-bottom:13px}.entry p{font-size:15px;line-height:2;color:var(--body);margin-bottom:13px}.entry p:last-of-type{margin-bottom:15px}.entry .text-link{font-size:13px}.entry:hover{border-color:rgba(26,127,143,.38)}.article-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.article-grid .entry:first-child{grid-column:1/-1;background:linear-gradient(110deg,#fff,#ecf8f9)}.article-grid .entry:nth-child(2){background:#f9fcfc}.layout-numbered .entry{border-left:4px solid var(--sea)}.layout-numbered .entry-index{font-size:19px}.layout-mosaic .article-grid{grid-template-columns:1.15fr .85fr}.layout-mosaic .entry:first-child{grid-column:auto;grid-row:span 2}.layout-mosaic .entry:nth-child(4){grid-column:1/-1}.layout-journey .article-grid{display:block;padding-left:28px;border-left:2px solid var(--softest)}.layout-journey .entry{margin:0 0 18px;position:relative}.layout-journey .entry:before{content:'';position:absolute;top:30px;left:-38px;width:15px;height:15px;border-radius:50%;background:var(--shine);border:3px solid var(--bg)}.layout-journey .entry:first-child{background:#fff}.layout-tiles .article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-tiles .entry:first-child{grid-column:span 2}.layout-tiles .entry:nth-child(2){grid-row:span 2;background:var(--soft)}.layout-journal .entry{border-left:8px solid var(--softest);background:#fffefb}.layout-journal .entry:nth-child(even){background:#f1fafb}.layout-windows .article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.layout-windows .entry:first-child{grid-column:span 2}.layout-windows .entry:nth-child(3){grid-column:span 2}.layout-courtyard .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-courtyard .entry:first-child{grid-column:auto;background:var(--soft)}.layout-folio .entry{border-radius:3px;border-left:5px solid var(--sea)}.layout-folio .entry:nth-child(2n){border-left-color:var(--shine)}.layout-checklist .entry{padding-left:38px}.layout-checklist .entry:before{content:'✓';font-weight:900;color:var(--sea);position:absolute;top:26px;left:16px}.layout-gallery .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-gallery .entry:first-child{grid-column:auto;background:#fff}.layout-evening .page-lead-text{background:var(--deep);color:#fff}.layout-evening .page-lead-text h1,.layout-evening .page-lead-text .overline{color:#fff}.layout-evening .page-lead-text p{color:#e5f0f2}.layout-evening .entry{background:linear-gradient(125deg,#fff,#edf5f7)}.layout-collective .article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-collective .entry:first-child{grid-column:span 2}.layout-steps .entry{border-top:4px solid var(--sea)}.layout-legal .entry{border-radius:5px;border-left:3px solid var(--deep)}.layout-help .entry{background:#fbfefe}.layout-story .article-grid{display:block;columns:2;column-gap:20px}.layout-story .entry{break-inside:avoid;margin-bottom:18px}.layout-story .entry:first-child{background:linear-gradient(100deg,#fff,#eef9fa)}.editor-note{display:grid;grid-template-columns:200px 1fr;gap:30px;align-items:start;background:var(--soft);border:1px solid var(--line);border-radius:15px;margin:28px 0 0;padding:27px 30px}.editor-note h2{font-size:19px;margin-bottom:6px}.editor-note .note-ribbon{font-size:12px;color:var(--sea);font-weight:900;letter-spacing:.16em}.editor-note p{line-height:1.95;font-size:15px}.editor-note a{margin-top:14px;font-size:13px}.page-next{margin:40px 0 90px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.page-next strong{font-size:13px;margin-right:8px;color:var(--sea)}.page-next a{min-height:44px;display:inline-flex;align-items:center;padding:9px 15px;background:#fff;border:1px solid var(--line);border-radius:9px;color:var(--ink);font-size:13px;font-weight:750}.page-next a:hover{background:var(--soft)}
.layout-app .page-lead{grid-template-columns:1fr 330px}.layout-app .page-lead .media-slot{min-height:320px}.faq-intro{padding:24px 28px;background:#fff;border-radius:15px;border:1px solid var(--line);margin-bottom:20px;color:var(--sub)}.faq-full{background:#fff;border-radius:16px;border:1px solid var(--line);padding:8px 27px}.faq-full details p{font-size:15px}.faq-outro{margin-top:28px;padding:28px;background:var(--soft);border-radius:15px;color:var(--body)}
/* Footer, overlay, and focusable mobile controls */
.site-footer{background:var(--ink);color:#d4e8ec;margin-top:84px;padding:56px 0 32px}.footer-brand{display:flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:26px}.footer-brand a{flex:0 0 auto}.footer-brand p{max-width:610px;font-size:13px;line-height:1.8;color:#c5e2e7}.footer-brand .brand-fallback strong{color:#fff}.footer-brand .brand-fallback small{color:#9bdfe5}.footer-brand .brand-logo{max-height:34px}.footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding:30px 0 38px}.footer-col h2{font-size:14px;color:#fff;letter-spacing:.1em;margin-bottom:14px}.footer-col li{margin:9px 0}.footer-col a{font-size:13px;color:#c9e1e5}.footer-col a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.footer-bottom{padding-top:22px;border-top:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;align-items:start;gap:25px}.footer-bottom p{font-size:12px;line-height:1.8;color:#c5dce0}.footer-bottom p:first-child{max-width:720px}.mobile-bottom{display:none}
.page-overlay{position:fixed;inset:0;background:rgba(7,45,54,.42);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s;z-index:100}.page-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.catalog-panel{position:fixed;top:90px;left:0;bottom:0;width:360px;max-width:88vw;background:#f6fcfd;z-index:120;visibility:hidden;pointer-events:none;transform:translateX(-105%);transition:transform .23s ease,visibility .23s;box-shadow:20px 0 40px rgba(7,45,54,.13);display:flex;flex-direction:column}.catalog-panel.is-open{visibility:visible;pointer-events:auto;transform:translateX(0)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 13px;background:#fff;border-bottom:1px solid var(--line);flex:0 0 auto}.panel-logo .brand-logo{max-height:28px}.panel-logo .brand-fallback strong{font-size:20px}.panel-logo .brand-fallback small{font-size:8px}.panel-close{width:44px;height:44px;display:grid;place-items:center;background:var(--soft);border:1px solid var(--line);border-radius:9px;color:var(--deep);font-size:28px;line-height:1}.panel-close:hover{background:var(--softest)}.panel-scroll{overflow-y:auto;overscroll-behavior:contain;flex:1;padding:12px 16px 25px}.catalog-group{padding:13px 1px 16px;border-bottom:1px solid var(--line)}.catalog-group:last-child{border:0}.catalog-group h2{color:var(--sea);font-size:12px;letter-spacing:.14em;margin:0 0 8px;padding:0 9px}.catalog-item{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:0 8px;padding:10px 11px;border-radius:9px;min-height:62px}.catalog-item:hover{background:var(--soft)}.catalog-item strong{font-size:14px;color:var(--ink)}.catalog-item span:not(.catalog-arrow){grid-column:1/2;grid-row:2;font-size:11px;color:var(--sub);line-height:1.5}.catalog-item .catalog-arrow{grid-column:2;grid-row:1/3;align-self:center;color:var(--sea)}.search-panel{position:fixed;z-index:130;top:90px;right:max(16px,calc((100vw - 1180px)/2));width:min(480px,calc(100vw - 32px));max-height:min(610px,calc(100vh - 105px));overflow-y:auto;padding:24px 27px 27px;border:1px solid var(--line);background:#fff;box-shadow:0 22px 55px rgba(7,45,54,.18);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .16s,transform .16s,visibility .16s}.search-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.search-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}.search-head h2{font-size:20px}.search-panel label{display:block;color:var(--deep);font-size:12px;font-weight:850;margin-bottom:7px}.search-panel input{width:100%;height:48px;border:1px solid rgba(26,127,143,.35);background:var(--bg);border-radius:9px;padding:0 13px;color:var(--ink);outline:none}.search-panel input:focus{border-color:var(--sea);box-shadow:0 0 0 3px rgba(43,179,196,.14)}.search-hint{font-size:12px;color:var(--sub);margin:11px 0}.search-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.search-items a{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:9px 11px;font-size:13px;font-weight:750;color:var(--deep);border:1px solid var(--line);border-radius:8px}.search-items a:hover{background:var(--soft)}.search-items a span{color:var(--sea)}.search-items a[hidden]{display:none}.search-empty{color:var(--sub);font-size:13px;margin-top:12px}
@media(max-width:1050px){.triple-board{gap:11px}.head-wrap{width:min(var(--max),calc(100% - 36px))}.section-shell{margin-top:57px}}
@media(max-width:800px){:root{--header:90px}.shore-nav{display:none}.lighthouse-inner{gap:10px}.page-lead{grid-template-columns:1fr}.page-lead>.media-slot{height:230px}.layout-app .page-lead{grid-template-columns:1fr}.layout-app .page-lead .media-slot{max-width:none}.split-essay,.split-essay.reverse{grid-template-columns:1fr}.current-board{grid-template-columns:1fr}.current-board .board-info .media-slot{height:260px}.atlas-board{grid-template-columns:240px 1fr}.atlas-lines{padding:17px 18px 17px 0}.gallery-home{grid-template-columns:repeat(2,minmax(0,1fr))}.home-labels{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-columns{gap:20px}.layout-tiles .article-grid,.layout-collective .article-grid,.layout-windows .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-tiles .entry:nth-child(2){grid-row:auto}.layout-windows .entry:nth-child(3){grid-column:auto}}
@media(max-width:600px){.head-wrap,.page-wrap{width:calc(100% - 32px)}.lighthouse-inner{display:grid;grid-template-columns:minmax(0,1fr) 63px 80px;gap:7px}.brand-link{min-width:0}.brand-logo{height:28px;max-width:125px}.brand-fallback{gap:0;display:flex;flex-direction:column;align-items:flex-start;white-space:nowrap}.brand-fallback strong{font-size:20px}.brand-fallback small{font-size:8px;letter-spacing:.1em;margin-top:3px}.catalog-launch{min-width:0;width:63px;padding:0 5px;gap:5px;height:44px}.catalog-launch span:last-child{font-size:12px}.hamburger i{width:13px}.header-app{width:80px;min-width:0;padding:0 5px;font-size:12px;gap:2px;transform:translateY(6px)}.header-app span{font-size:15px}.home-intro{padding-top:16px}.media-cover{height:210px}.media-cover .media-art{padding:21px}.media-cover .media-type{font-size:26px}.media-cover .media-orb{width:95px;height:95px}.cover-text{padding:20px 1px 0}.cover-text h1{font-size:28px}.cover-text>p{font-size:15px}.home-labels{gap:9px;margin-top:25px}.home-labels a{padding:13px 11px;gap:8px;min-height:112px}.label-index{flex-basis:28px;height:28px;font-size:10px}.home-labels strong{font-size:14px}.home-labels small{font-size:11px;line-height:1.65}.section-shell{margin-top:47px}.section-top{align-items:flex-start}.section-top h2{font-size:25px}.section-lead{font-size:15px}.current-list{padding:5px 18px}.current-list a{padding:13px 0}.triple-board{grid-template-columns:1fr}.board-card .media-slot{height:190px}.quad-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}.quad-blocks article{padding:15px}.split-essay .copy p{font-size:15px}.media-landscape{height:205px}.atlas-board{grid-template-columns:1fr}.atlas-board .media-slot{height:210px;min-height:210px}.atlas-lines{padding:12px 17px}.gallery-home{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-home .media-slot,.photo-note{height:165px;min-height:165px}.photo-note{padding:13px}.photo-note strong{font-size:14px}.photo-note small{font-size:11px}.app-feature{grid-template-columns:1fr;padding:20px}.app-feature .media-slot{height:290px;max-width:none}.duo-blocks{grid-template-columns:1fr}.duo-blocks article{padding:23px}.brand-manifesto{padding:30px 22px}.brand-manifesto p{font-size:14px}.page-shell{padding-top:19px}.page-lead{gap:14px}.page-lead .page-lead-text{padding:22px 21px}.page-lead .page-lead-text p{font-size:15px}.page-lead>.media-slot{height:215px;min-height:215px}.article-grid,.layout-mosaic .article-grid,.layout-tiles .article-grid,.layout-windows .article-grid,.layout-collective .article-grid,.layout-courtyard .article-grid{grid-template-columns:1fr}.article-grid .entry:first-child,.layout-mosaic .entry:nth-child(4),.layout-tiles .entry:first-child,.layout-windows .entry:first-child,.layout-windows .entry:nth-child(3),.layout-collective .entry:first-child{grid-column:auto;grid-row:auto}.entry{padding:20px 19px}.entry p{font-size:14px}.entry h2{font-size:20px}.layout-story .article-grid{columns:1}.layout-journey .article-grid{padding-left:19px}.layout-journey .entry:before{left:-29px}.editor-note{grid-template-columns:1fr;padding:23px 20px;gap:11px}.page-next{margin-bottom:55px}.site-footer{margin-top:55px;padding:35px 0 calc(38px + 58px + env(safe-area-inset-bottom))}.footer-brand{display:block}.footer-brand p{margin-top:17px}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.footer-bottom{display:block}.footer-bottom p+ p{margin-top:12px}.mobile-bottom{display:grid;position:fixed;z-index:60;left:0;right:0;bottom:0;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(52px + env(safe-area-inset-bottom));padding:0 6px env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line);box-shadow:0 -7px 20px rgba(14,58,70,.08)}.mobile-bottom a{display:flex;flex-direction:column;gap:0;align-items:center;justify-content:center;color:var(--deep);min-height:50px;font-size:19px;line-height:1.2;min-width:0}.mobile-bottom a small{font-size:11px;font-weight:800}.mobile-bottom a.active{background:var(--sea);color:#fff}.catalog-panel{top:90px;width:86vw;max-width:360px;height:calc(100dvh - 90px);bottom:auto}.search-panel{top:0;right:0;bottom:0;left:0;width:100%;max-height:none;background:var(--soft);padding:27px 18px calc(20px + env(safe-area-inset-bottom));border:0;box-shadow:none}.search-items{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-full{padding:8px 20px}.faq-full details p{font-size:14px}}
@media(max-width:350px){.lighthouse-inner{grid-template-columns:minmax(0,1fr) 57px 75px;gap:5px}.catalog-launch{width:57px}.header-app{width:75px}.brand-fallback strong{font-size:18px}.brand-logo{max-width:116px}.home-labels{grid-template-columns:1fr 1fr}.home-labels a{padding:12px 9px}.home-labels small{font-size:10px}.cover-text h1{font-size:27px}.page-wrap,.head-wrap{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Homepage: secondary routes for culture, planning and public exchange. */
.home-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.home-path{min-width:0;display:flex;flex-direction:column;gap:9px;min-height:218px;padding:20px 18px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 6px 18px rgba(14,58,70,.04);transition:transform .18s,box-shadow .18s}
.home-path:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.home-path-number{color:var(--sea);letter-spacing:.1em;font-size:12px;font-weight:900}
.home-path strong{font-size:19px;color:var(--ink);line-height:1.3}
.home-path small{font-size:12px;color:var(--sub);line-height:1.7}
.home-path-go{margin-top:auto;color:var(--sea);font-weight:800;font-size:17px}
@media(max-width:800px){.home-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.home-path{padding:16px 14px;min-height:208px}.home-path strong{font-size:16px}.home-path small{font-size:12px}}
@media(max-width:350px){.home-path-grid{grid-template-columns:1fr}.home-path{min-height:auto}}
