:root{--mist:#F4FAFC;--paper:#fff;--ice:#E7F3F6;--ink:#0E3A46;--body:#24505A;--muted:#4A7380;--light:#7A9AA4;--sea:#1A7F8F;--bright:#2BB3C4;--deep:#0F5B68;--pale:#D7EEF2;--line:rgba(26,127,143,.16);--shade:0 14px 34px rgba(14,58,70,.08);--wrap:1180px;--head-height:134px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:150px;min-width:0}
body{margin:0;min-width:0;background:var(--mist);color:var(--body);font:16px/1.76 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg{max-width:100%}img{display:block;height:auto}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--bright);outline-offset:3px}
a:hover{color:var(--sea)}[hidden]{display:none!important}p,h1,h2,h3,h4,figure{margin:0}h1,h2,h3,h4{line-height:1.34;color:var(--ink);letter-spacing:-.025em}p{overflow-wrap:anywhere}
.wrap{width:min(var(--wrap),calc(100% - 40px));margin-inline:auto;min-width:0}
.skip-link{position:fixed;top:-100px;left:8px;z-index:300;padding:9px 18px;color:#fff;background:var(--deep)}.skip-link:focus{top:8px}
.site-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:50;background:var(--paper);box-shadow:0 3px 20px rgba(14,58,70,.05)}
.tide-bar{height:22px;width:100%;background:var(--deep);color:white;font-size:10px;line-height:22px;letter-spacing:.08em}
.tide-inner{height:100%;display:flex;align-items:center;justify-content:space-between;position:relative}.latin{font-size:9px;letter-spacing:.15em;font-weight:700}
.tide-search{position:absolute;right:0;top:-10px;width:44px;height:44px;border:0;display:grid;place-items:center;color:white;background:transparent;z-index:3}.tide-search:hover{background:rgba(255,255,255,.11);color:white}.tide-search svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.lighthouse{height:68px;border-bottom:1px solid var(--line);background:white}.lighthouse-inner{height:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center}
.brand,.footer-brand{display:inline-flex;align-items:center;gap:10px;justify-self:start;min-width:0;white-space:nowrap}.brand-img{max-width:min(220px,100%);max-height:36px;object-fit:contain;object-position:left center}.brand-sign{display:inline-grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:9px;background:linear-gradient(135deg,var(--bright),var(--deep));font-size:21px;line-height:1;color:#fff}.brand-text{font-size:23px;font-weight:800;letter-spacing:.03em;color:var(--ink)}
.catalog-trigger{height:44px;padding:0 16px;display:inline-flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:10px;color:var(--deep);background:var(--mist);font-weight:700;white-space:nowrap}.catalog-trigger:hover{background:var(--ice)}.burger{width:17px;display:grid;gap:4px}.burger i{display:block;height:2px;border-radius:3px;background:currentColor}
.app-link{min-height:44px;justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 19px;color:white;background:linear-gradient(135deg,var(--bright),var(--sea) 55%,var(--deep));border-radius:9px;font-weight:700;white-space:nowrap;box-shadow:0 7px 14px rgba(26,127,143,.12)}.app-link:hover,.btn-primary:hover{filter:brightness(.95);color:#fff;transform:translateY(-1px)}
.shore-nav{height:44px;background:var(--ice);border-bottom:1px solid var(--line)}.shore-scroll{height:100%;display:flex;gap:9px;align-items:center;overflow-x:auto;scrollbar-width:none}.shore-scroll::-webkit-scrollbar{display:none}.shore-link{padding:4px 13px;min-height:31px;border-radius:6px;white-space:nowrap;font-weight:650;font-size:13px;color:var(--deep);display:inline-flex;align-items:center;justify-content:center}.shore-link:hover{background:#fff}.shore-link.active{color:white;background:var(--sea)}
.site-main{padding-top:var(--head-height);display:block;min-width:0}.section{margin-block:52px}.section:first-child{margin-top:26px}.eyebrow{color:var(--sea);letter-spacing:.15em;font-weight:850;text-transform:uppercase;font-size:11px;line-height:1.6}.small-kicker{font-weight:800;letter-spacing:.11em;font-size:12px;color:var(--sea)}
h1{font-size:clamp(28px,3vw,32px)}h2{font-size:clamp(23px,2.6vw,29px)}h3{font-size:19px}p+p{margin-top:12px}.lede{color:var(--muted);line-height:1.95}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:24px}.section-heading p{margin-bottom:6px}.section-heading h2{margin-top:5px}
.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--sea);font-weight:800;font-size:13px;white-space:nowrap;min-height:38px}.text-link span{font-size:18px;font-weight:400}.text-link:hover{color:var(--ink)}
.btn-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:21px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 19px;border-radius:10px;font-weight:750;font-size:14px;line-height:1.3;white-space:nowrap;transition:transform .15s,box-shadow .15s}.btn-primary{color:white;background:linear-gradient(135deg,var(--bright),var(--sea) 55%,var(--deep));box-shadow:0 8px 22px rgba(26,127,143,.14)}.btn-secondary{color:var(--deep);background:white;border:1px solid var(--line)}.btn-secondary:hover{color:var(--sea);box-shadow:var(--shade)}.btn-white{background:white;color:var(--deep)}.btn-white:hover{background:var(--mist)}
.soft-card{background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px rgba(14,58,70,.04);min-width:0}.soft-card:hover{border-color:rgba(26,127,143,.36)}
/* Image windows: missing assets receive a CSS illustration rather than a broken image. */
.media-box,.media-box img{width:100%;overflow:hidden}.media-box{position:relative;margin:0;min-width:0;border:1px solid var(--line);border-radius:15px;background:var(--ice);height:205px;max-width:100%}.media-box img{height:100%;object-fit:contain;object-position:center}.media-fallback{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:100%;padding:24px;overflow:hidden;background:linear-gradient(135deg,#edf9fb 0%,#d6eef2 45%,#a8dce4 100%);color:var(--deep)}.media-fallback::before{content:"";position:absolute;inset:auto -5% -53% -5%;height:80%;background:radial-gradient(ellipse at 45% 35%,rgba(255,255,255,.58),transparent 65%);transform:rotate(-7deg)}.media-fallback::after{content:"";position:absolute;top:-40%;right:-9%;width:50%;height:145%;border:1px solid rgba(255,255,255,.55);border-radius:50%;transform:rotate(28deg)}.media-kicker{position:relative;z-index:1;font-size:10px;font-weight:850;letter-spacing:.15em;opacity:.8;line-height:1.5}.media-fallback strong{position:relative;z-index:1;font-size:clamp(16px,2vw,24px);max-width:90%;letter-spacing:.04em}.sea-line{position:absolute;width:60%;height:1px;top:38%;left:20%;background:rgba(255,255,255,.65);box-shadow:0 11px rgba(255,255,255,.3),0 22px rgba(255,255,255,.28)}.media-horizon{position:absolute;right:-8%;bottom:-16%;width:56%;aspect-ratio:1;background:radial-gradient(circle,rgba(255,255,255,.3),transparent 63%)}
.hero-jetty{margin-top:24px}.hero-visual{height:clamp(185px,25vw,320px);border-radius:18px;overflow:hidden}.hero-visual img{max-height:320px;object-fit:contain}.hero-visual .media-fallback{padding:36px 42px;background:linear-gradient(122deg,#c1e6ee 0%,#9fd3dc 52%,#508da0 100%)}.hero-visual .media-fallback strong{font-size:clamp(22px,4vw,48px);color:#073d4e}.hero-copy{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px;align-items:end;margin-top:26px}.hero-copy h1{font-weight:850;margin-top:8px}.hero-prose p{max-width:500px;line-height:2;color:var(--muted)}.hero-prose .btn-row{margin-top:14px}
.taste-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.taste-chip{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;align-items:start;padding:21px;background:white;border:1px solid var(--line);border-radius:12px}.taste-bullet{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;background:var(--ice);color:var(--sea);font-weight:900;font-size:19px}.taste-chip:nth-child(3n+2) .taste-bullet{color:white;background:var(--sea)}.taste-chip:nth-child(3n+3) .taste-bullet{color:white;background:var(--deep)}.taste-chip h3{font-size:16px}.taste-chip p{font-size:13px;line-height:1.7;margin-top:5px;color:var(--muted)}.taste-chip a{display:inline-flex;margin-top:5px;color:var(--sea);font-size:12px;font-weight:800}
.current-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:stretch}.current-layout .media-box{height:100%;min-height:335px}.number-briefs{display:grid;gap:0}.brief{display:grid;grid-template-columns:53px minmax(0,1fr);align-items:center;gap:12px;padding:17px 16px;background:white;border:1px solid var(--line)}.brief:first-child{border-radius:14px 14px 0 0}.brief:last-child{border-radius:0 0 14px 14px}.brief+.brief{border-top:0}.brief-number{font-size:24px;font-weight:850;color:var(--bright);line-height:1}.brief h3{font-size:16px}.brief p{font-size:12px;color:var(--muted);margin:5px 0 0;line-height:1.6}.brief a:hover h3{color:var(--sea)}.section-note{margin-top:16px;color:var(--muted);line-height:1.9;font-size:14px}
.board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.board{overflow:hidden}.board>.media-box{border:0;border-radius:0;height:190px}.board-copy{padding:22px 21px 20px}.board-copy h3{margin:7px 0 10px}.board-copy p{font-size:14px;line-height:1.85;color:var(--muted);min-height:125px}.board-copy .text-link{margin-top:12px}
.essay-band{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:26px;align-items:stretch}.essay-band.reverse{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.essay-band.reverse>.media-box{order:2}.essay-band .media-box{height:100%;min-height:300px}.essay-panel{padding:28px;background:white;border:1px solid var(--line);border-radius:16px}.essay-panel h2{margin:8px 0 16px}.essay-panel p{font-size:14px;line-height:1.95}.mini-list{display:grid;gap:8px;margin-top:18px}.mini-item{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-top:1px solid var(--line);font-size:14px;font-weight:700}.mini-item span{color:var(--light);font-size:12px}.mini-item:hover{color:var(--sea)}
.yard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:19px}.yard-tile{padding:21px;background:white;border-radius:13px;border:1px solid var(--line)}.yard-tile strong{display:block;color:var(--sea);font-size:12px;letter-spacing:.1em;margin-bottom:15px}.yard-tile h3{font-size:17px}.yard-tile p{font-size:13px;color:var(--muted);margin-top:8px}
.atlas-sheet{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.atlas-sheet .media-box{height:255px;grid-row:span 3}.atlas-entry{display:flex;gap:15px;align-items:start;border-bottom:1px solid var(--line);padding:9px 0 17px}.atlas-entry b{display:inline-grid;place-items:center;flex:0 0 36px;height:36px;background:var(--pale);color:var(--deep);border-radius:7px}.atlas-entry h3{font-size:16px}.atlas-entry p{font-size:13px;color:var(--muted);margin-top:5px}
.frame-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.frame-tile{min-width:0}.frame-swatch{height:155px;display:flex;align-items:flex-end;padding:12px;background:linear-gradient(155deg,#d9f1f3,#91c9d4);border:8px solid white;border-radius:13px;outline:1px solid var(--line);color:var(--deep);font-weight:800;font-size:13px;letter-spacing:.08em}.frame-tile:nth-child(2) .frame-swatch{background:linear-gradient(160deg,#e1f0ef,#b9dce7)}.frame-tile:nth-child(3) .frame-swatch{background:linear-gradient(130deg,#d2e9e7,#85bcc9)}.frame-tile:nth-child(4) .frame-swatch{background:linear-gradient(140deg,#dceff0,#a9d3de)}.frame-tile p{font-size:13px;line-height:1.75;color:var(--muted);margin-top:12px}.frame-section .media-box{height:230px;margin-bottom:21px}
.dusk-section{background:var(--deep);color:#ebf8fa;padding:45px 0}.dusk-section h2,.dusk-section h3{color:white}.dusk-section .eyebrow,.dusk-section .small-kicker{color:#9bdee6}.dusk-section p{color:#d4e8ec}.dusk-section .section-heading{border-color:rgba(255,255,255,.24)}.dusk-section .text-link{color:white}.dusk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:18px}.dusk-grid>div{border-top:1px solid rgba(255,255,255,.4);padding-top:18px}.dusk-grid h3{font-size:19px}.dusk-grid p{font-size:14px;margin-top:10px;line-height:1.9}
.app-spot{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:linear-gradient(125deg,#ecf8f9,white)}.app-spot-inner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:38px;align-items:center;padding:36px}.app-spot h2{margin:10px 0 16px}.app-spot .description{line-height:2}.app-display .media-box{height:340px;max-width:300px;margin-inline:auto}.app-icon .media-box{width:60px;height:60px;border-radius:14px}.app-icon .media-fallback{padding:7px}.app-icon .media-kicker,.app-icon .media-fallback strong{display:none}.app-spot .btn-row{margin-top:18px}
.service-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.service-pair article{padding:29px}.service-pair article:nth-child(2){background:var(--ice)}.service-pair h3{margin:8px 0 10px}.service-pair p{font-size:14px;line-height:1.95;color:var(--muted)}
.home-faq .faq-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-faq details{padding:16px 19px;border-radius:12px;border:1px solid var(--line);background:#fff}.home-faq summary,.faq-list summary{cursor:pointer;color:var(--ink);font-weight:800}.home-faq details p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:12px}.home-faq summary::marker{color:var(--sea)}
.manifesto{padding:40px;border-radius:17px;background:var(--pale);position:relative;overflow:hidden}.manifesto::after{content:"◒";position:absolute;right:-20px;bottom:-110px;font-size:280px;line-height:1;color:rgba(26,127,143,.06);pointer-events:none}.manifesto h2{margin:8px 0 17px}.manifesto p{max-width:870px;line-height:2.1}.manifesto .text-link{margin-top:18px}
/* Interior editorial system */
.interior-hero{position:relative;margin-top:29px;background:linear-gradient(110deg,#e4f2f5,#fff);border:1px solid var(--line);border-radius:17px;padding:35px 38px 33px;overflow:hidden}.interior-hero::after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(26,127,143,.13);border-radius:100%;right:-100px;top:-128px;pointer-events:none}.breadcrumb{color:var(--muted);font-size:12px;margin-bottom:18px;display:flex;gap:8px;align-items:center}.breadcrumb a{color:var(--sea)}.interior-hero .eyebrow{margin-bottom:9px}.interior-hero h1{margin-bottom:14px}.interior-hero .lede{max-width:930px;line-height:2}
.interior-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:27px;margin-top:28px;align-items:start}.article-core{min-width:0}.article-intro{font-size:16px;line-height:2.1;margin:0 0 24px;padding:0 2px;color:var(--body)}.chapter-stack{display:grid;gap:14px}.chapter{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 24px;min-width:0}.chapter h2{font-size:19px;margin:0 0 12px}.chapter p{line-height:2;font-size:15px;color:var(--body)}.chapter p+p{margin-top:11px}.chapter .chapter-no{display:inline-block;color:var(--sea);font-size:12px;letter-spacing:.15em;font-weight:800;margin-bottom:11px}.chapter .text-link{margin-top:12px}
.article-visual{margin-bottom:20px}.article-visual .media-box{height:250px}.interior-side{position:sticky;top:calc(var(--head-height) + 24px);background:var(--ice);border:1px solid var(--line);border-radius:14px;padding:23px}.interior-side .eyebrow{margin-bottom:11px}.interior-side h3{font-size:17px;margin-bottom:10px}.interior-side p{font-size:13px;color:var(--muted);line-height:1.9}.interior-side nav{margin-top:14px;display:grid;gap:7px}.interior-side nav a{font-size:13px;font-weight:750;border-top:1px solid var(--line);padding:9px 0}.interior-side nav a:hover{color:var(--sea)}.interior-side nav a::after{content:"↗";float:right}
.article-outro{margin-top:20px;padding:22px 24px 22px;border-left:3px solid var(--sea);border-radius:0 12px 12px 0;background:var(--pale)}.article-outro h2{font-size:19px;margin-bottom:10px}.article-outro p{font-size:15px;line-height:2}.related-strip{margin:25px 0 58px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.related-strip>span{font-size:13px;color:var(--muted);font-weight:800;margin-right:5px}.related-strip a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;background:#fff;border:1px solid var(--line);border-radius:9px;color:var(--deep);font-size:13px;font-weight:750}.related-strip a:hover{background:var(--ice)}
/* Variation by category: each interior story follows a distinct reading rhythm. */
.layout-number .chapter{display:grid;grid-template-columns:54px minmax(0,1fr);column-gap:11px}.layout-number .chapter-no{grid-row:span 2;font-size:30px;color:#9bd0d7;line-height:1.1}.layout-number .chapter h2{grid-column:2}.layout-number .chapter p{grid-column:2}
.layout-lane .chapter:nth-child(odd){margin-right:32px}.layout-lane .chapter:nth-child(even){margin-left:32px;border-left:4px solid #b3dce3}
.layout-travel .chapter{border:0;background:transparent;border-radius:0;border-bottom:1px solid var(--line);padding:23px 9px}.layout-travel .chapter h2{font-size:23px}.layout-travel .chapter:nth-child(even){padding-left:35px}
.layout-interest .chapter-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-interest .chapter:nth-child(1){grid-column:span 2;background:var(--ice)}
.layout-diary .chapter{border-radius:8px;border-left:4px solid var(--bright);box-shadow:0 7px 15px rgba(14,58,70,.03)}
.layout-window .chapter-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-window .chapter:first-child,.layout-window .chapter:last-child{grid-column:span 2}
.layout-yard .chapter:nth-child(3n+1){background:var(--pale)}
.layout-atlas .chapter{border-bottom:2px dotted #a5cbd2}
.layout-kit .chapter-no{font-size:22px}.layout-kit .chapter{background:#f9feff}
.layout-frames .chapter:nth-child(even){background:var(--ice)}
.layout-dusk .chapter{border-radius:0;border-width:0 0 1px;background:transparent;padding-left:2px;padding-right:2px}.layout-dusk .chapter h2{font-size:23px}
.layout-club .chapter-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-club .chapter{border-top:4px solid #b6dfe5}
.layout-bench .chapter{padding-left:28px;border-left:4px solid var(--sea)}
.layout-app .chapter:nth-child(odd){background:var(--ice)}
.layout-policy .chapter{box-shadow:none;border-color:rgba(26,127,143,.28);padding:24px 26px}
.layout-support .chapter{border-left:4px solid var(--bright)}
.layout-contact .chapter:first-child{background:var(--ice)}
.layout-about .chapter{border:0;background:transparent;padding:17px 8px;border-top:1px solid var(--line)}
.faq-list{display:grid;gap:13px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:13px;padding:21px 23px}.faq-list details[open]{border-color:rgba(26,127,143,.4);box-shadow:var(--shade)}.faq-list summary{font-size:17px;line-height:1.6}.faq-list p{margin-top:16px;line-height:2;color:var(--body);font-size:15px}.faq-index{display:inline-flex;color:var(--sea);min-width:34px;font-weight:850}.faq-page .interior-layout{grid-template-columns:minmax(0,1fr) 250px}
/* Footer, drawers, and lower navigation */
.site-footer{background:var(--ink);color:#D4E8EC;margin-top:55px;padding:50px 0 28px}.footer-intro{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);align-items:end;gap:34px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.15)}.footer-brand strong{font-size:25px;color:white}.footer-brand img{height:36px;width:auto;max-width:225px;object-fit:contain;filter:brightness(0) invert(1)}.footer-latin{font-size:11px;font-weight:800;color:#93c9d3;letter-spacing:.15em;margin-top:9px}.footer-intro>p{font-size:14px;line-height:2;color:#D4E8EC}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:35px 0 38px}.footer-grid h2{font-size:15px;color:white;margin-bottom:11px}.footer-grid a{display:block;font-size:13px;line-height:2.2;color:#D4E8EC}.footer-grid a:hover,.footer-end a:hover{color:white;text-decoration:underline}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding-top:23px;font-size:12px;color:#bcd6db}.footer-bottom p{font-size:12px;line-height:1.8}.footer-end{display:flex;justify-content:space-between;gap:20px;margin-top:15px;flex-wrap:wrap}.footer-end span:last-child{display:flex;gap:15px}.footer-end a{color:#bcd6db}
.page-scrim{position:fixed;inset:0;background:rgba(7,36,43,.52);visibility:hidden;opacity:0;pointer-events:none;z-index:80;transition:opacity .19s,visibility .19s}.page-scrim.is-open{visibility:visible;opacity:1;pointer-events:auto}.overlay-open{overflow:hidden}
.catalog-panel,.search-panel{position:fixed;z-index:90;background:white;visibility:hidden;pointer-events:none;transition:transform .22s,visibility .22s;box-shadow:0 18px 44px rgba(5,46,54,.21)}.catalog-panel{inset:0 auto 0 0;width:min(360px,86vw);display:flex;flex-direction:column;transform:translateX(-105%);height:100dvh;overflow:hidden}.catalog-panel.is-open{visibility:visible;pointer-events:auto;transform:translateX(0)}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:13px;padding:19px 20px;border-bottom:1px solid var(--line);background:var(--ice);min-height:78px}.panel-brand{display:flex;align-items:center;gap:10px;min-width:0}.panel-brand strong{font-size:20px;color:var(--ink);white-space:nowrap}.panel-brand img{max-height:30px;max-width:170px;width:auto;object-fit:contain}.panel-close{display:grid;place-items:center;background:white;border:1px solid var(--line);color:var(--ink);font-size:27px;width:44px;height:44px;line-height:1;border-radius:9px;flex:0 0 44px}.panel-close:hover{color:var(--sea);background:var(--mist)}
.catalog-body{padding:12px 20px 40px;overflow-y:auto;overscroll-behavior:contain}.catalog-group{padding:15px 0;border-bottom:1px solid var(--line)}.catalog-group h3{font-size:14px;color:var(--sea);margin-bottom:12px}.catalog-entries{display:grid;gap:5px}.catalog-entries a{display:block;border-radius:9px;padding:10px 11px;border:1px solid transparent}.catalog-entries a:hover,.catalog-entries a:focus-visible{background:var(--ice);border-color:var(--line)}.catalog-entries strong{display:block;font-size:14px;line-height:1.4;color:var(--ink)}.catalog-entries small{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:4px}
.search-panel{top:90px;right:max(20px,calc((100vw - 1180px)/2));width:min(530px,calc(100vw - 40px));border-radius:0 0 13px 13px;transform:translateY(-16px);max-height:calc(100dvh - 100px);overflow-y:auto}.search-panel.is-open{visibility:visible;pointer-events:auto;transform:translateY(0)}.search-panel-inner{padding:26px}.search-title-row{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:22px}.search-title-row h2{margin-top:4px;font-size:22px}.search-panel label{display:block;color:var(--deep);font-size:13px;font-weight:700;margin-bottom:8px}.search-panel input{width:100%;height:50px;background:var(--mist);border:1px solid var(--line);border-radius:9px;color:var(--ink);outline-color:var(--bright);padding:0 15px}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:18px 0}.search-results a{display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:48px;padding:9px 14px;border:1px solid var(--line);border-radius:8px;font-weight:700;font-size:13px}.search-results a:hover{background:var(--ice)}.search-results a span{color:var(--sea)}.search-empty{color:var(--sea);font-size:13px}.search-footnote{color:var(--muted);font-size:12px}
.mobile-nav{display:none}
@media(max-width:1020px){.interior-layout,.faq-page .interior-layout{grid-template-columns:minmax(0,1fr) 215px;gap:16px}.app-spot-inner{gap:22px;padding:28px}}
@media(max-width:810px){:root{--head-height:90px}.shore-nav{display:none}.site-main{padding-top:var(--head-height)}.interior-layout,.faq-page .interior-layout{grid-template-columns:minmax(0,1fr)}.interior-side{position:static;margin-bottom:12px}.interior-side nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.interior-side nav a{font-size:12px;padding:5px}.hero-copy{grid-template-columns:1fr;gap:13px}.hero-prose p{max-width:800px}.board-copy p{min-height:0}.yard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-sheet{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-sheet .media-box{grid-row:auto}.frame-row{grid-template-columns:repeat(2,minmax(0,1fr))}.app-spot-inner{grid-template-columns:minmax(0,1fr) 210px}.media-box{height:195px}.current-layout .media-box{min-height:335px}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.lighthouse-inner{grid-template-columns:minmax(0,1fr) 55px auto;gap:6px}.brand-img{max-height:34px;max-width:100%}.brand-text{font-size:clamp(16px,5vw,21px)}.brand-sign{height:28px;width:28px;flex-basis:28px;font-size:17px}.catalog-trigger{width:46px;height:44px;padding:0;display:grid;place-items:center}.catalog-text{display:none}.burger{gap:4px;width:17px}.app-link{padding:0 12px;font-size:12px;gap:5px}.app-link span{font-size:12px}
.section{margin-block:40px}.section:first-child{margin-top:16px}.section-heading{margin-bottom:18px}.section-heading h2{font-size:24px}.hero-visual{height:205px}.hero-visual .media-fallback{padding:25px}.hero-visual .media-fallback strong{font-size:27px}.hero-copy{margin-top:18px}.hero-prose .btn-row{gap:8px}.btn{padding:0 15px;font-size:13px}.taste-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.taste-chip{display:block;padding:15px}.taste-bullet{margin-bottom:10px;height:34px;width:34px;font-size:17px}.taste-chip h3{font-size:14px}.taste-chip p{font-size:12px}.current-layout,.essay-band,.essay-band.reverse{grid-template-columns:1fr;gap:12px}.current-layout .media-box,.essay-band .media-box{height:208px;min-height:0}.essay-band.reverse>.media-box{order:0}.essay-panel{padding:22px}.board-grid{grid-template-columns:1fr;gap:14px}.board>.media-box{height:180px}.board-copy{padding:17px 19px}.board-copy p{min-height:0}.yard-grid{gap:10px}.yard-tile{padding:17px}.yard-tile h3{font-size:16px}.yard-tile p{font-size:12px}.atlas-sheet{grid-template-columns:1fr;padding:20px;gap:8px}.atlas-sheet .media-box{height:200px}.frame-row{gap:11px}.frame-swatch{height:125px}.dusk-section{padding:33px 0}.dusk-grid{grid-template-columns:1fr;gap:18px}.app-spot-inner{grid-template-columns:1fr;padding:23px}.app-display .media-box{height:280px}.service-pair,.home-faq .faq-preview{grid-template-columns:1fr}.service-pair article{padding:22px}.manifesto{padding:26px}.manifesto::after{font-size:200px;bottom:-70px}
.interior-hero{margin-top:16px;padding:27px 22px}.interior-hero h1{font-size:29px}.interior-hero .lede{font-size:15px}.article-core .article-intro{font-size:15px}.chapter{padding:19px}.chapter h2{font-size:18px}.chapter p{font-size:14px}.interior-side nav{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-number .chapter{grid-template-columns:37px minmax(0,1fr);gap:6px}.layout-number .chapter-no{font-size:23px}.layout-lane .chapter:nth-child(odd){margin-right:10px}.layout-lane .chapter:nth-child(even){margin-left:10px}.layout-travel .chapter:nth-child(even){padding-left:18px}.layout-interest .chapter-stack,.layout-window .chapter-stack,.layout-club .chapter-stack{grid-template-columns:1fr}.layout-interest .chapter:nth-child(1),.layout-window .chapter:first-child,.layout-window .chapter:last-child{grid-column:auto}.article-outro{padding:19px}.related-strip{margin-bottom:26px}.faq-list details{padding:17px}
.site-footer{padding-top:37px;padding-bottom:calc(24px + 64px + env(safe-area-inset-bottom))}.footer-intro{grid-template-columns:1fr;gap:17px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 13px}.footer-end{display:grid;gap:12px}.mobile-nav{display:grid;position:fixed;bottom:0;left:0;right:0;z-index:59;background:rgba(255,255,255,.97);grid-template-columns:repeat(5,minmax(0,1fr));padding:4px 7px calc(4px + env(safe-area-inset-bottom));min-height:calc(50px + env(safe-area-inset-bottom));border-top:1px solid var(--line);box-shadow:0 -4px 18px rgba(14,58,70,.08);align-items:stretch}.mobile-nav a{display:grid;place-items:center;padding:7px 0;min-width:0;min-height:44px;border-radius:7px;color:var(--deep);font-size:12px;font-weight:800;line-height:1.3}.mobile-nav a.active{background:var(--sea);color:white}.catalog-panel{width:86vw;max-width:360px}.search-panel{top:0;left:0;right:0;width:100vw;height:100dvh;max-height:100dvh;border-radius:0;background:var(--ice);transform:translateY(-100%)}.search-panel-inner{padding:27px 18px}.search-panel .search-results a{background:white}.search-panel.is-open{transform:translateY(0)}
}
@media(max-width:350px){.brand{gap:5px}.brand-text{font-size:16px}.brand-sign{width:24px;height:24px;flex-basis:24px}.lighthouse-inner{grid-template-columns:minmax(0,1fr) 46px auto}.app-link{padding:0 8px;font-size:11px}.taste-grid{gap:8px}.taste-chip{padding:11px}.taste-chip p{font-size:11px}.section-heading{align-items:start}.section-heading .text-link{font-size:12px}.hero-visual{height:185px}.hero-visual .media-fallback strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Closed overlays are always non-interactive, including during first paint. */
.catalog-panel:not(.is-open),.search-panel:not(.is-open){visibility:hidden!important;pointer-events:none!important;transition:none!important}
.page-scrim:not(.is-open){visibility:hidden!important;pointer-events:none!important;opacity:0!important;transition:none!important}