/* Seebird — quiet editorial interaction layer */
:root{--ease:cubic-bezier(.22,1,.36,1);--line:rgba(23,61,69,.16);--pad:clamp(24px,6vw,96px)}
html{scroll-padding-top:88px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:17px;line-height:1.8;-webkit-font-smoothing:antialiased}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{color:inherit}a,button,summary{outline-offset:6px}:focus-visible{outline:2px solid var(--accent)}h1,h2,h3,h4{font-family:inherit;font-weight:600;text-wrap:balance}p{text-wrap:pretty}.eyebrow{font-family:inherit;font-size:11px;letter-spacing:.15em;font-weight:600;line-height:1.6}
header{height:80px;background:rgba(250,249,245,.84);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);transition:height .45s var(--ease),background .35s;border-bottom-color:transparent}body.is-scrolled header{height:64px;border-bottom-color:var(--line)}header .logo{width:164px;transition:width .45s var(--ease)}body.is-scrolled header .logo{width:148px}header nav{gap:28px}header nav a{position:relative;padding:10px 0;font-size:13px}header nav a:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}header nav a.active:after{transform:scaleX(1)}.progress{height:2px;pointer-events:none}.progress i{width:100%;transform:scaleX(0);transform-origin:left;will-change:transform}
.hero{padding-top:72px;padding-bottom:80px;gap:clamp(40px,6vw,90px)}.hero h1{font-size:clamp(44px,4.8vw,72px);line-height:1.18;letter-spacing:-.045em;font-weight:600;margin:28px 0}.hero-copy>p{max-width:35em;font-size:16px;line-height:1.9}.hero-copy .subtitle{font-size:20px;line-height:1.55;font-weight:500;color:var(--ink)}.hero-image{height:610px;border-radius:14px;overflow:hidden}.hero-index{font-size:12px;letter-spacing:.03em}.section{padding-top:120px;padding-bottom:120px}.heading{gap:80px;margin:32px 0 64px}.heading h2{font-size:clamp(38px,4.4vw,64px);line-height:1.22;letter-spacing:-.035em;font-weight:600}.heading p{font-size:16px;line-height:1.9}.heading .lead{font-size:21px;font-weight:500;line-height:1.55;margin-bottom:20px}.photo{position:relative;border-radius:12px;isolation:isolate}.photo img{transition:transform .85s var(--ease);backface-visibility:hidden}.photo:after{content:"＋";position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff70;background:#faf9f5d9;backdrop-filter:blur(8px);border-radius:50%;color:var(--ink);font:22px/1 sans-serif;pointer-events:none;transition:transform .35s var(--ease),background .25s}.photo:active:after{transform:scale(.9)}.image-note{pointer-events:none;right:64px;bottom:22px}.link{min-height:44px;align-items:center;border-bottom-color:var(--line);gap:28px;font-weight:500}.link span{transition:transform .35s var(--ease)}.quick a{transition:background .35s,color .35s}.quick strong{font-size:21px;font-weight:500}.reasons article{padding:32px 24px}.reasons h3,.services h3{font-size:20px;font-weight:600}.reasons p,.services p{font-size:16px;line-height:1.85}.feature h3,.material-copy h3{font-size:32px;font-weight:600;letter-spacing:-.02em}.feature p{font-size:16px;line-height:1.9}
summary{min-height:96px;gap:24px}.detail-title{font-size:21px;font-weight:500;line-height:1.55;letter-spacing:-.01em}.detail-action{min-width:110px;border:0;background:rgba(23,61,69,.04);border-radius:24px;padding:10px 16px;font-size:12px;transition:background .3s,color .3s}.action-icon{display:grid;place-items:center;width:24px;height:24px;font-size:22px;transition:transform .45s var(--ease)}details[open] .action-icon{transform:rotate(45deg)}details[open] summary{margin-bottom:24px}.detail-body{padding-bottom:32px}.detail-card{border-top:1px solid var(--line);border-radius:12px;background:rgba(23,61,69,.025);padding:28px}.detail-icon{background:transparent;border-radius:0;width:30px;height:30px}.detail-icon svg{width:25px;height:25px}.detail-body .detail-card h4{font-size:20px;font-weight:600;line-height:1.5}.detail-card-copy p{font-size:16px;line-height:1.9}.detail-card-copy .detail-support{font-size:16px}.end .detail-action{background:#ffffff12;color:#eff3ef}.end .detail-card{border-color:#ffffff28;background:#ffffff05}.material-story .material-image{border-radius:12px}.fine{font-size:13px}.series h3{font-weight:500}.care-stats b{font-weight:500;font-variant-numeric:tabular-nums}.table-scroll{overflow-x:auto;overscroll-behavior-x:contain}.end h2{font-size:clamp(36px,4.5vw,60px);font-weight:500;letter-spacing:-.035em}.silver-copy h3{font-weight:600}
.bottom-nav{transition:background .3s}.viewer{background:#0c2026f5;overscroll-behavior:contain;height:100dvh;touch-action:pan-y pinch-zoom}.viewer::backdrop{background:#0c2026}.viewer>img{max-width:90vw;max-height:calc(100dvh - 190px);border-radius:8px;object-fit:contain}.viewer button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #ffffff25;background:#ffffff0b;backdrop-filter:blur(12px);border-radius:50%;transition:background .25s,transform .25s}.viewer button:active{transform:scale(.92)}.viewer .close{right:24px;top:max(20px,env(safe-area-inset-top));font-size:30px}.viewer .prev,.viewer .next{top:calc(50% - 24px);font-size:36px}.viewer .prev{left:20px}.viewer .next{right:20px}.viewer p{bottom:52px;left:8%;width:84%;font-size:14px;line-height:1.6;margin:0}.viewer i{bottom:24px;font:12px/1.5 inherit;font-style:normal;opacity:.6;font-variant-numeric:tabular-nums}.viewer .viewer-hint{position:absolute;top:max(28px,env(safe-area-inset-top));left:24px;font-size:12px;letter-spacing:.08em;color:#fff9}.viewer[open]{animation:viewer-in .32s var(--ease)}@keyframes viewer-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.photo:hover img{transform:scale(1.025)}.link:hover span{transform:translate(3px,-3px)}header nav a:hover:after{transform:scaleX(1)}.quick a:hover{background:#173d4504}.viewer button:hover{background:#ffffff20}}
@media(min-width:901px){.bottom-nav{display:none}footer{align-items:center;font-size:12px}}
@media(max-width:900px){:root{--pad:24px}html{scroll-padding-top:76px}body{font-size:16px;line-height:1.85;padding-bottom:calc(88px + env(safe-area-inset-bottom))}section[id]{scroll-margin-top:76px}header{height:68px;padding:12px 24px;gap:16px}header .logo{width:140px}body.is-scrolled header{height:58px}body.is-scrolled header .logo{width:128px}header .header-label{display:block;margin-left:auto;font-size:10px;letter-spacing:.06em;white-space:nowrap}.hero{padding-top:42px;padding-bottom:46px;gap:36px}.hero h1{font-size:clamp(34px,9vw,49px);line-height:1.25;letter-spacing:-.045em;margin:24px 0}.hero-copy>p{font-size:16px;line-height:1.85}.hero-copy .subtitle{font-size:18px;line-height:1.6;max-width:none}.hero-index{margin-top:28px;font-size:11px;gap:20px}.hero-image{height:auto;aspect-ratio:4/3;border-radius:12px}.hero-image .photo{height:100%}.image-note{font-size:10px;left:16px;bottom:20px}.photo:after{right:12px;bottom:12px;width:32px;height:32px;font-size:21px}.quick{padding:0 var(--pad)}.quick a{padding:24px 0;display:grid;grid-template-columns:1fr auto;column-gap:12px}.quick small{grid-column:1/-1;font-size:10px;letter-spacing:.09em}.quick strong{font-size:19px;line-height:1.55;margin:9px 0 0}.quick span{font-size:11px;align-self:center;margin-top:9px;max-width:15em;text-align:right}.section{padding-top:80px;padding-bottom:80px}.heading{margin:26px 0 40px}.heading h2{font-size:clamp(31px,8.4vw,43px);line-height:1.28;margin-bottom:28px;letter-spacing:-.04em}.heading p{font-size:16px;line-height:1.85}.heading .lead{font-size:19px;line-height:1.6;margin-bottom:16px}.eyebrow{font-size:10px;letter-spacing:.12em}.reasons article{padding:24px 14px}.reasons h3{font-size:18px;line-height:1.5;margin:20px 0 10px}.reasons p,.services p{font-size:15px;line-height:1.85}.services h3{font-size:21px}.services article{padding:28px 0;gap:12px}.feature{gap:30px;margin:44px 0}.feature h3,.material-copy h3,.silver-copy h3{font-size:27px;line-height:1.45}.feature p,.material-copy p,.silver-copy p{font-size:16px;line-height:1.85}.feature .photo,.two-images .photo{border-radius:12px}.process-head h3{font-size:26px;font-weight:600}.process-axis p{font-size:15px}.process-axis h3{font-size:19px}.process-axis li{padding-bottom:28px}.process-axis small{font-size:12px}summary{min-height:90px;padding:24px 0;gap:14px;align-items:center}.detail-title{font-size:18px;line-height:1.55}.detail-action{min-width:0;flex:none;gap:5px;padding:9px 10px;font-size:11px}.action-icon{font-size:21px;width:22px}.detail-grid{gap:16px;margin-top:18px}.detail-card{padding:24px 20px;border-radius:12px}.detail-body .detail-card h4{font-size:19px;line-height:1.55}.detail-card-copy p{font-size:16px;line-height:1.9}.detail-card-head{gap:12px;margin-bottom:18px}.detail-icon{width:28px;height:28px}.detail-intro{font-size:16px}.fine{font-size:13px;line-height:1.8}.bottom-nav{display:grid;position:fixed;left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));height:58px;padding:5px;border-radius:30px;gap:4px;grid-template-columns:repeat(4,minmax(0,1fr));background:rgba(250,249,245,.88);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid #173d4514;box-shadow:0 6px 28px #173d4510}.bottom-nav a{position:relative;display:grid;place-items:center;font-size:13px;font-weight:500;color:var(--muted);border-radius:24px;transition:background .35s var(--ease),color .35s var(--ease),transform .25s;text-decoration:none;min-height:46px}.bottom-nav a.active{background:var(--ink);color:#fff}.bottom-nav a:active{transform:scale(.96)}footer{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:32px;font-size:11px;line-height:1.8}footer a{min-height:44px;display:inline-flex;align-items:center}.viewer>img{max-width:94vw;max-height:calc(100dvh - 210px)}.viewer .prev,.viewer .next{top:auto;bottom:82px;width:44px;height:44px}.viewer .prev{left:24px}.viewer .next{right:24px}.viewer p{bottom:42px;font-size:12px}.viewer i{bottom:18px}.viewer .close{right:20px}.viewer .viewer-hint{font-size:11px}.series h3{font-size:24px}.care-stats b{font-size:32px}}
@media(max-width:360px){:root{--pad:20px}.hero h1{font-size:32px}.quick a{display:block}.quick span{text-align:left;max-width:none}.detail-title{font-size:17px}.detail-action .action-label{display:none}.detail-action{padding:10px}.heading h2{font-size:30px}header .header-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.progress i{will-change:auto}}