@font-face{font-family:ShinGo;src:local('ShinGoPro-Regular');font-weight:400;font-display:swap}
@font-face{font-family:ShinGo;src:local('ShinGoPro-Medium');font-weight:600;font-display:swap}
:root{--ink:#24323c;--muted:#53636d;--line:#cdd5da;--paper:#f7f8f9}
*{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0;background:var(--paper);color:var(--ink);font-family:ShinGo,'Hiragino Sans','Yu Gothic',Meiryo,sans-serif;font-size:16px;line-height:2;letter-spacing:.025em;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;touch-action:manipulation}
a:focus-visible{outline:3px solid #086ba6;outline-offset:6px}
p,h1,h2{margin:0}
img{display:block;width:100%;height:100%;object-fit:cover}
.entry-header,.entry-main,.entry-footer{width:calc(100% - 112px);max-width:1216px;margin-inline:auto}
.entry-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:106px;border-bottom:1px solid var(--line)}
.entry-brand{font-size:24px;font-weight:600;letter-spacing:.1em;line-height:1.5}
.entry-brand span{display:block;font:9px/1.5 Arial,sans-serif;letter-spacing:.23em;margin-top:8px}
.entry-label{font:11px/1.8 Arial,sans-serif;letter-spacing:.12em;color:var(--muted)}
.entry-intro{padding-block:58px 42px}
.eyebrow{font:11px/1.8 Arial,sans-serif;letter-spacing:.18em;color:var(--muted);margin-bottom:19px}
h1{font-size:32px;font-weight:400;line-height:1.75;letter-spacing:.04em;text-wrap:balance}
.intro-copy{font-size:15px;line-height:2.1;margin-top:23px}
.designs{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.design{display:block;min-width:0;background:#fff;border:1px solid #d5dce1}
.design-image{aspect-ratio:1.6;overflow:hidden;border-bottom:1px solid #d5dce1}
.design-image img{transition:filter .18s ease}
.design:hover .design-image img{filter:brightness(.96)}
.design-text{padding:24px 28px 27px}
.design-title{display:flex;align-items:center;justify-content:space-between;gap:20px}
h2{font-size:23px;font-weight:400;line-height:1.8}
.open{font-size:20px}
.design-text p{font-size:14px;color:var(--muted);line-height:2;margin-top:9px;text-wrap:pretty}
.view-link{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;width:max-content;max-width:100%;padding:11px 16px;font-size:13px;line-height:1.8;margin-top:18px;border:1px solid #c5d3d8;background:#f1f5f5;text-decoration:none}
.view-label{min-width:0}
.view-arrow{flex:none}
.view-link::before{content:"";position:absolute;inset:0;z-index:-1;background:#dce8e9;transform:translateX(-101%);pointer-events:none;transition:transform 320ms cubic-bezier(.22,.61,.36,1)}
.design:focus-visible{outline:none}
html:not([data-gallery-input="pointer"]) .design:focus-visible .view-link{background:#086ba6;color:#fff;border-color:#086ba6}
html:not([data-gallery-input="pointer"]) .design:focus-visible .view-link::before{background:#086ba6;transform:translateX(0)}
.design:active .view-link::before{transform:translateX(0)}
.design:active .view-link{background:#dce8e9}
@media(hover:hover){.design:hover .view-link::before{transform:translateX(0)}}
.navigation-note{font-size:13px;color:var(--muted);margin-top:28px}
.proposal-note{border-top:1px solid var(--line);margin-top:35px;padding:24px 0 35px}
.proposal-note p{font-size:13px;line-height:2;color:var(--muted)}
.entry-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0 26px;font-size:12px;color:var(--muted)}
.entry-footer a{display:inline-flex;gap:22px;align-items:center;min-height:44px}
.skip{position:fixed;top:-100px;left:15px;padding:12px 20px;background:#fff;z-index:30}
.skip:focus{top:12px}
[id]{scroll-margin-top:24px}
.anchor-focus:focus-visible{outline:3px solid #086ba6;outline-offset:6px}
@media(max-width:900px){.entry-header,.entry-main,.entry-footer{width:calc(100% - 64px)}.designs{gap:24px}.design-text{padding:22px}.entry-intro{padding-block:48px 36px}h1{font-size:29px}.intro-copy{font-size:14px}.design-text p{min-height:56px}}
@media(max-width:700px){.entry-header,.entry-main,.entry-footer{width:calc(100% - 48px)}.entry-header{min-height:91px}.entry-brand{font-size:21px}.entry-brand span{font-size:8px}.entry-label{display:none}.entry-intro{padding-block:38px 31px}.eyebrow{margin-bottom:15px;font-size:10px}h1{font-size:26px;letter-spacing:.01em}.intro-copy{font-size:14px;margin-top:20px}.intro-copy br{display:none}.designs{grid-template-columns:1fr;gap:30px}.design-text{padding:22px}h2{font-size:22px}.design-text p{min-height:0}.navigation-note,.proposal-note p{font-size:13px}.proposal-note{margin-top:28px;padding-block:22px 28px}.entry-footer{font-size:11px}.entry-footer a{gap:12px}}
@media(max-width:350px){h1{font-size:24px}.design-text{padding:20px}.entry-footer{font-size:10px}.view-link{font-size:12px;gap:14px;padding-inline:13px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.view-link::before{transition:none!important}}