:root{color-scheme:dark light;--page: #16110e;--page-2: #221713;--surface: rgb(53 36 27 / .48);--surface-strong: rgb(78 51 36 / .7);--surface-soft: rgb(255 231 188 / .08);--text: #f4eadc;--muted: #c4ad94;--subtle: #927b66;--line: rgb(255 227 185 / .16);--line-strong: rgb(255 227 185 / .3);--accent: #e2a85d;--accent-strong: #f1c078;--accent-soft: rgb(226 168 93 / .16);--shadow: 0 30px 80px rgb(31 17 10 / .45);--shadow-tight: 0 18px 48px rgb(31 17 10 / .36);--radius: 30px;--radius-small: 18px;--container: min(1180px, calc(100vw - 42px) );font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;background:var(--page);color:var(--text)}:root[data-user-theme=light]{color-scheme:light;--page: #e9dccb;--page-2: #c7a989;--surface: rgb(255 248 238 / .58);--surface-strong: rgb(255 248 238 / .78);--surface-soft: rgb(89 52 28 / .08);--text: #2a1b13;--muted: #6e5543;--subtle: #8c745f;--line: rgb(73 43 25 / .16);--line-strong: rgb(73 43 25 / .28);--accent: #8f572e;--accent-strong: #6f3f22;--accent-soft: rgb(143 87 46 / .14);--shadow: 0 28px 72px rgb(103 70 45 / .2);--shadow-tight: 0 18px 42px rgb(103 70 45 / .18)}:root[data-user-theme=dark]{color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--page)}body{min-width:320px;margin:0;background:linear-gradient(180deg,var(--page) 0%,var(--page-2) 46%,var(--page) 100%),var(--page);color:var(--text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background:linear-gradient(112deg,rgb(255 210 141 / .12),transparent 36%),linear-gradient(242deg,rgb(49 26 17 / .5),transparent 44%),url(/assets/wood-glass-detail.png);background-size:auto,auto,900px 900px;background-position:center,center,right top;opacity:.44;filter:saturate(.78) contrast(1.05)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{font:inherit}h1,h2,h3,p{margin-top:0}h1{max-width:7.6em;margin-bottom:18px;font-size:clamp(3rem,5.6vw,5.4rem);line-height:1.06;letter-spacing:0}h2{margin-bottom:16px;font-size:clamp(2.25rem,4.7vw,4.75rem);line-height:1.04;letter-spacing:0}h3{margin-bottom:10px;font-size:clamp(1.16rem,1.6vw,1.42rem);line-height:1.18;letter-spacing:0}p{color:var(--muted);font-size:1rem;line-height:1.72}.site-shell{overflow:clip}.liquid-glass{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,#ffeed02e,#ffeed00a),var(--surface);box-shadow:inset 0 1px #ffeed038,inset 0 -1px #ffeed014,var(--shadow);backdrop-filter:blur(28px) saturate(1.25) contrast(1.05);-webkit-backdrop-filter:blur(28px) saturate(1.25) contrast(1.05)}.liquid-glass:before{position:absolute;inset:0;z-index:-1;content:"";background:linear-gradient(108deg,rgb(255 246 224 / .34),transparent 24%),linear-gradient(288deg,rgb(255 184 91 / .12),transparent 42%);pointer-events:none}.liquid-glass:after{position:absolute;inset:1px;border:1px solid rgb(255 238 208 / .1);border-radius:inherit;content:"";pointer-events:none}.topbar{position:sticky;top:16px;z-index:20;display:flex;align-items:center;justify-content:space-between;width:var(--container);height:68px;margin:16px auto 0;padding:0 12px 0 18px;border-radius:999px}.brand,.topbar nav,.topbar-actions{display:flex;align-items:center}.brand{min-width:fit-content;gap:10px;font-size:.96rem;font-weight:760}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line-strong);border-radius:999px;background:#ffe4bc1f;color:var(--accent-strong);font-size:.78rem;letter-spacing:0}.topbar nav{gap:4px}.topbar nav a,.nav-contact,.icon-button{min-height:40px;border-radius:999px;color:var(--muted);transition:color .18s ease,background .18s ease,transform .18s ease}.topbar nav a{display:inline-flex;align-items:center;padding:0 13px;font-size:.92rem;font-weight:700;white-space:nowrap}.topbar nav a:hover,.nav-contact:hover,.icon-button:hover{background:var(--surface-soft);color:var(--text)}.topbar nav a:active,.nav-contact:active,.icon-button:active,.button:active{transform:translateY(1px) scale(.99)}.topbar-actions{gap:8px}.icon-button{display:grid;width:40px;border:0;place-items:center;background:transparent;cursor:pointer}.nav-contact{display:inline-flex;align-items:center;padding:0 16px;border:1px solid var(--line);background:var(--surface-soft);font-size:.9rem;font-weight:760;white-space:nowrap}.hero-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(370px,1.1fr);gap:clamp(30px,4.5vw,70px);align-items:center;width:var(--container);min-height:calc(100dvh - 84px);margin:0 auto;padding:clamp(26px,4vw,52px) 0 clamp(44px,5vw,70px)}.hero-copy{max-width:610px}.eyebrow{width:fit-content;margin:0 0 16px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--accent-strong);font-size:.78rem;font-weight:820}.hero-lede{max-width:520px;margin-bottom:26px;color:var(--muted);font-size:clamp(1.08rem,1.35vw,1.26rem);line-height:1.58}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;border-radius:999px;font-size:.96rem;font-weight:820;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.button-primary{padding:0 23px;border:1px solid rgb(255 222 166 / .36);background:var(--accent);color:#25170e;box-shadow:0 16px 34px #e2a85d3d}.button-primary:hover{background:var(--accent-strong)}.button-secondary{padding:0 21px;border:1px solid var(--line-strong);background:var(--surface-soft);color:var(--text)}.button-secondary:hover{border-color:#ffe0af6b;color:var(--accent-strong)}.hero-visual-wrap{min-width:0}.hero-visual{border-radius:var(--radius);transform:rotate(1deg)}.hero-visual img{width:100%;aspect-ratio:1536 / 1024;object-fit:cover}.section{width:var(--container);margin:0 auto;padding:clamp(78px,10vw,138px) 0}.section-header{max-width:760px;margin-bottom:clamp(34px,5vw,58px)}.section-header.compact{max-width:700px}.section-header p{max-width:62ch;font-size:clamp(1rem,1.22vw,1.16rem)}.bento-grid{display:grid;grid-template-columns:1.22fr .78fr;grid-template-areas:"large tall" "warm tall" "calm calm";gap:18px}.bento{overflow:hidden;border-radius:var(--radius)}.bento-large{grid-area:large;display:grid;grid-template-columns:.9fr 1fr;gap:16px;align-items:stretch;min-height:410px;padding:18px}.bento-large img{width:100%;height:100%;min-height:282px;border-radius:var(--radius-small);object-fit:cover}.bento-tall{grid-area:tall;display:flex;min-height:100%;flex-direction:column;justify-content:space-between;padding:18px}.bento-tall img{width:100%;aspect-ratio:1;border-radius:var(--radius-small);object-fit:cover}.bento-text{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(18px,3vw,30px)}.bento-text svg{margin-bottom:24px;color:var(--accent-strong)}.warm-panel{grid-area:warm;padding:clamp(24px,3.2vw,36px);border:1px solid rgb(255 214 149 / .28);background:linear-gradient(135deg,var(--accent-soft),transparent),var(--surface-strong);box-shadow:var(--shadow-tight)}.calm-panel{grid-area:calm;padding:clamp(24px,4vw,40px);border:1px solid var(--line);background:var(--surface-soft)}.story-section{min-height:280dvh;margin:0 auto}.story-sticky{position:sticky;top:0;min-height:100dvh;display:grid;align-items:center;padding:84px 0}.story-shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,.72fr);gap:clamp(26px,4vw,58px);align-items:center;width:var(--container);margin:0 auto}.story-visual{min-height:min(72dvh,720px);border-radius:var(--radius)}.story-img{position:absolute;object-fit:cover;will-change:transform}.story-img-main{inset:4% 8% 4% auto;width:min(54%,410px);height:92%;border-radius:28px;box-shadow:var(--shadow-tight)}.story-img-detail{left:8%;bottom:9%;width:min(46%,360px);aspect-ratio:1;border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-tight)}.story-refraction{position:absolute;border:1px solid rgb(255 232 194 / .22);border-radius:34px;background:linear-gradient(115deg,#fff2d624,#fff2d605);box-shadow:inset 0 1px #fff2d638}.story-refraction-a{top:13%;left:18%;width:32%;height:56%;transform:rotate(-7deg)}.story-refraction-b{right:12%;bottom:15%;width:34%;height:34%;transform:rotate(7deg)}.story-copy{min-width:0}.story-copy h2{max-width:9.4ch}.story-copy p{max-width:46ch}.story-progress{width:100%;height:3px;margin:28px 0 22px;overflow:hidden;border-radius:999px;background:#ffe7bc1f}.story-progress span{display:block;width:12%;height:100%;border-radius:inherit;background:var(--accent)}.story-cards{display:grid;gap:14px}.story-card{padding:clamp(20px,2.5vw,26px);border-radius:24px;box-shadow:var(--shadow-tight)}.story-card p{margin-bottom:0}.materials-grid{display:grid;grid-template-columns:1.1fr .85fr .75fr;grid-auto-rows:minmax(180px,auto);gap:18px;align-items:start}.material-item figure{margin:0}.material-item img{width:100%;border-radius:var(--radius);object-fit:cover;box-shadow:var(--shadow-tight)}.material-1{grid-column:span 2}.material-1 img{aspect-ratio:16 / 10}.material-2{margin-top:76px}.material-2 img{aspect-ratio:1}.material-3{grid-row:span 2}.material-3 img{aspect-ratio:9 / 16}.material-4{grid-column:span 2;margin-top:-64px}.material-4 img{aspect-ratio:4 / 3}figcaption{display:grid;gap:6px;padding:14px 2px 0}figcaption strong{color:var(--text);font-size:1rem}figcaption span{color:var(--muted);font-size:.92rem;line-height:1.58}.focus-layout{display:grid;grid-template-columns:1fr minmax(320px,.68fr);gap:18px;align-items:start}.focus-stack{display:grid;gap:14px}.focus-row{display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:start;min-height:146px;padding:clamp(18px,3vw,28px);border-radius:var(--radius);box-shadow:var(--shadow-tight)}.focus-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--accent-strong)}.focus-row p,.direction-panel p,.note-card p{margin-bottom:0}.direction-panel{position:sticky;top:104px;padding:clamp(22px,3vw,32px);border-radius:var(--radius);box-shadow:var(--shadow-tight)}.direction-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.direction-list span{display:inline-flex;min-height:40px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:0 14px;background:var(--surface-soft);color:var(--text);font-size:.9rem;font-weight:760}.notes-grid{display:grid;grid-template-columns:1.05fr .95fr 1.15fr;gap:18px}.note-card{min-height:282px;padding:clamp(24px,3vw,34px);border-radius:var(--radius);box-shadow:var(--shadow-tight)}.note-card:nth-child(2){margin-top:34px;background:var(--surface-strong)}.note-card:nth-child(3){margin-top:68px}.note-kicker{display:grid;width:48px;height:48px;margin-bottom:66px;place-items:center;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--accent-strong)}.contact-section{padding-bottom:clamp(58px,7vw,92px)}.contact-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;min-height:300px;padding:clamp(28px,5vw,56px);border-radius:var(--radius)}.contact-card h2{max-width:720px}.contact-card p{max-width:58ch;margin-bottom:0;font-size:clamp(1rem,1.24vw,1.16rem)}.footer{display:flex;justify-content:space-between;width:var(--container);margin:0 auto;padding:28px 0 42px;border-top:1px solid var(--line);color:var(--subtle);font-size:.88rem;font-weight:720}@media(prefers-reduced-transparency:reduce){.liquid-glass{background:var(--surface-strong);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media(max-width:1040px){.hero-section,.story-shell{grid-template-columns:1fr}.hero-section{min-height:auto;padding-top:56px}.hero-visual{transform:none}.story-section{min-height:auto}.story-sticky{position:static;min-height:auto;padding:70px 0}.story-visual{min-height:560px}.story-copy h2{max-width:12ch}.bento-grid{grid-template-columns:1fr;grid-template-areas:"large" "tall" "warm" "calm"}.bento-large{grid-template-columns:1fr}.materials-grid{grid-template-columns:1fr 1fr}.material-1,.material-4{grid-column:span 2}.material-2,.material-4{margin-top:0}.focus-layout{grid-template-columns:1fr}.direction-panel{position:static}.notes-grid{grid-template-columns:1fr}.note-card,.note-card:nth-child(2),.note-card:nth-child(3){min-height:220px;margin-top:0}}@media(max-width:740px){:root{--container: min(100vw - 28px, 1180px);--radius: 24px;--radius-small: 16px}.topbar{top:10px;height:62px;margin-top:10px;padding:0 8px 0 12px}.brand span:last-child{display:none}.topbar nav{gap:1px}.topbar nav a{padding:0 8px;font-size:.86rem}.nav-contact{display:none}.hero-section{padding:44px 0 62px}h1{max-width:8.6ch;font-size:clamp(2.9rem,12.5vw,4.2rem)}h2{font-size:clamp(2.05rem,9vw,3.25rem)}.hero-lede{max-width:34ch}.section{padding:72px 0}.story-sticky{padding:54px 0}.story-visual{min-height:430px}.materials-grid{grid-template-columns:1fr}.material-1,.material-3,.material-4{grid-column:auto;grid-row:auto}.material-3 img{aspect-ratio:4 / 5}.contact-card{grid-template-columns:1fr;min-height:0}}@media(max-width:460px){.topbar nav a{padding:0 6px}.hero-actions,.button{width:100%}.button{justify-content:center}.bento-large,.bento-tall{padding:12px}.bento-text,.story-card{padding:18px}}