@font-face{font-family:Manrope;src:url('assets/manrope-latin-variable.woff2') format('woff2');font-weight:400 800;font-display:swap}
@font-face{font-family:'Noto Sans SC';src:url('assets/noto-sans-sc-subset-variable.woff2') format('woff2');font-weight:400 900;font-display:swap}
:root{--bg:#0a1018;--surface:#0e1620;--ink:#e4ded2;--muted:#a0a4ac;--line:#ffffff21;--accent:#baa17c;--body:Manrope,'Noto Sans SC',sans-serif;--serif:'Noto Sans SC',Manrope,sans-serif;--ease:cubic-bezier(.22,1,.36,1);color-scheme:dark}
:root[data-persona=day]{--bg:#fcfbf5;--surface:#f0f0e7;--ink:#1e2c24;--muted:#58614e;--line:#23322535;--accent:#e76234;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip;transition:background .6s,color .6s}body.opening-active{overflow:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}h1,h2,h3,p{margin:0}img{display:block;max-width:100%}::selection{background:var(--accent);color:var(--bg)}
.night-only{display:initial}.day-only{display:none}[data-persona=day] .night-only{display:none}[data-persona=day] .day-only{display:initial}
.skip-link{position:fixed;top:-80px;left:20px;padding:12px 24px;background:var(--ink);color:var(--bg);z-index:200}.skip-link:focus{top:12px}
.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--bg);position:relative;z-index:20;border-bottom:1px solid var(--line);transition:background .6s}
.brand{display:inline-flex;align-items:center;font-size:35px;line-height:1;font-weight:800;letter-spacing:-2.2px}.brand>span{color:var(--accent);font-weight:400;font-size:25px;margin-left:8px;letter-spacing:0}
.desktop-nav{display:flex;gap:39px}.desktop-nav a{font-size:13px;display:flex;gap:10px;align-items:center;padding:10px 0}.desktop-nav small{font-size:9px;color:var(--accent)}.desktop-nav a:hover{color:var(--accent)}
.header-actions{display:flex;gap:15px;align-items:center}.persona-switch{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:30px}.persona-switch button{display:flex;align-items:center;gap:7px;padding:6px 14px;font-size:12px;border-radius:24px;min-height:35px}.persona-switch button>span{font-size:21px;line-height:1}.persona-switch button[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.menu-button{display:none;width:38px;height:40px;padding:8px}.menu-button i{display:block;height:1px;background:var(--ink);margin:7px 0;transition:transform .3s}.menu-button[aria-expanded=true] i:first-child{transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded=true] i:last-child{transform:translateY(-4px) rotate(-45deg)}
.mobile-nav{position:absolute;top:76px;left:0;right:0;z-index:19;background:var(--bg);padding:28px;border-bottom:1px solid var(--line)}.mobile-nav:not([hidden]){display:grid;gap:23px}.mobile-nav button{text-align:left;padding:0}
.hero{height:calc(100svh - 86px);min-height:730px;max-height:960px;isolation:isolate;position:relative;overflow:hidden;background:#0a111a}
.night-scene{position:absolute;inset:0;z-index:-2;overflow:hidden;transition:opacity .7s}.night-scene>img{width:100%;height:100%;object-fit:cover;object-position:center;transform:translate3d(var(--px,0px),var(--py,0px),0) scale(1.012);transition:transform 1s var(--ease)}
.scene-vignette{position:absolute;inset:-1px;z-index:2;background:linear-gradient(90deg,#080e173d,transparent 55%),linear-gradient(0deg,#0a1018 0%,#0a101810 27%,transparent 55%);pointer-events:none}
.lamp-breath{position:absolute;right:-12%;top:19%;width:35%;height:70%;background:radial-gradient(ellipse,#d6964925,transparent 65%);animation:lamp 8s ease-in-out infinite;mix-blend-mode:screen;pointer-events:none}
@keyframes lamp{0%,100%{opacity:.2}50%{opacity:.7}}
.hero-running{position:absolute;top:30px;left:6.5%;right:5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.17em;color:var(--muted);z-index:4}.hero-running>span:first-child{color:var(--accent);font-size:12px;letter-spacing:.22em}
#hero-title{position:absolute;left:8%;top:145px;z-index:3;font-family:var(--serif);font-size:clamp(58px,6vw,88px);font-weight:400;line-height:1.48;letter-spacing:.04em}#hero-title em{font-style:normal;color:#beb5a5}
.hero-copy{position:absolute;left:8.4%;top:425px;width:35%;z-index:4}.hero-caption{font-size:9px;letter-spacing:.18em;color:var(--accent)}.hero-description{font-family:var(--serif);font-size:16px;line-height:2;margin-top:19px;color:#b4b5b6}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:28px}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:49px;font-size:14px;border-bottom:1px solid #c2a87b8c;padding:9px 0;transition:color .3s}.primary-button:hover{color:#fff}.button-mark{font-size:20px;color:var(--accent)}
.text-button{padding:10px 0;display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.text-button:hover{color:var(--ink)}.play-icon{height:21px;width:21px;border:1px solid currentColor;border-radius:50%;position:relative}.play-icon:after{content:'';position:absolute;top:6px;left:8px;border-left:5px solid currentColor;border-top:3px solid transparent;border-bottom:3px solid transparent}
.hero-bottom{position:absolute;bottom:25px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);z-index:5}.hero-bottom>span{font-family:var(--serif);letter-spacing:.2em}.hero-bottom button{font-size:12px;padding:8px 0;border-bottom:1px solid var(--line)}.hero-bottom a{padding:8px 0}
.bookmark-hotspot{position:absolute;right:9%;bottom:95px;text-align:left;z-index:5;align-items:center;gap:13px;font-size:13px;display:flex;background:#0b111aac;padding:12px 16px;border:1px solid #d3b68b50;backdrop-filter:blur(8px);border-radius:2px;transition:background .3s}.bookmark-hotspot:hover{background:#28221cee}.bookmark-hotspot small{display:block;font-size:8px;letter-spacing:.16em;opacity:.65;margin-top:4px}.hotspot-dot{height:9px;width:9px;background:#c5ab7a;border-radius:50%;outline:1px solid #c5ab7a60;outline-offset:5px}
.day-scene{display:none}.day-footer-word{display:none}
[data-persona=day] .site-header{background:#d7f575;border-bottom:1px solid #1e2c2460}
[data-persona=day] .brand{font-size:39px}[data-persona=day] .brand>span{font-size:32px;color:#e96736}
[data-persona=day] .desktop-nav a{font-weight:600;font-size:13px}[data-persona=day] .desktop-nav small{color:var(--ink)}
[data-persona=day] .hero{background:#d7f575}
[data-persona=day] .night-scene{opacity:0;pointer-events:none}
[data-persona=day] .hero-running{color:#36422e}
[data-persona=day] #hero-title{top:93px;left:4.5%;font-family:var(--body);font-size:clamp(168px,22vw,330px);font-weight:900;letter-spacing:-.085em;line-height:1.25;transform:rotate(-4deg);z-index:1;white-space:nowrap}
.exclaim{color:#eb6535}
[data-persona=day] .day-scene{display:block;position:absolute;top:7px;right:-4%;width:60%;height:100%;z-index:2;pointer-events:none}
.day-scene>img{position:absolute;top:4px;right:0;width:108%;max-width:none;transform:rotate(2deg);transform-origin:50% 30%;mask-image:linear-gradient(black 42%,#000e 54%,transparent 78%);filter:drop-shadow(-6px 7px 0 #efffc466)}
.day-color-block{position:absolute;inset:10% 9% 8% 17%;background:#f4a07b;transform:rotate(10deg);border:1px solid #283226;border-radius:2px}
.day-sun{position:absolute;left:2%;top:28%;font-size:150px;color:#ed6a38;line-height:1;z-index:3;transform:rotate(17deg)}
.day-sticker{position:absolute;right:13%;top:7%;padding:15px 24px;background:#f57a48;color:#243026;box-shadow:5px 5px 0 #243026;border:1px solid #243026;transform:rotate(9deg);font-size:12px;line-height:1.65;z-index:4}.day-sticker b{font-size:22px}
[data-persona=day] .hero-copy{top:auto;bottom:97px;left:6%;width:43%}
[data-persona=day] .hero-caption{font-size:20px;font-weight:800;letter-spacing:-.035em;color:#253227}
[data-persona=day] .hero-description{font-family:var(--body);font-size:15px;line-height:1.9;color:#425033;margin-top:13px}
[data-persona=day] .hero-actions{gap:24px;margin-top:22px}
[data-persona=day] .primary-button{background:#f16e3c;border:1px solid #293728;border-radius:50%;width:115px;height:115px;padding:14px;justify-content:center;gap:0;box-shadow:4px 5px 0 #233125;transform:rotate(-9deg);font-weight:700;font-size:14px;transition:transform .4s var(--ease),box-shadow .4s}
[data-persona=day] .primary-button:hover{transform:rotate(5deg) translateY(-4px);box-shadow:6px 8px 0 #233125;color:#243126}
[data-persona=day] .button-mark{display:none}
[data-persona=day] .text-button{color:#30402b}
[data-persona=day] .hero-bottom{color:#30422b}
[data-persona=day] .hero-bottom>span{font-family:var(--body);font-size:10px;letter-spacing:.07em}
[data-persona=day] .day-footer-word{position:absolute;display:block;right:14%;bottom:54px;font-size:65px;line-height:.87;font-weight:800;letter-spacing:-.075em;transform:rotate(-8deg);color:#283826;z-index:1}
.interlude{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;color:#827966;background:var(--bg)}
.interlude>div{display:flex;gap:48px;align-items:center;width:max-content;min-width:100%;justify-content:space-around}
.interlude span{font-size:10px;letter-spacing:.13em;white-space:nowrap}.interlude i{font-style:normal;font-size:20px;font-weight:400}
[data-persona=day] .interlude{background:#ed6b3c;color:#202e25;padding:20px 0;border:0}
[data-persona=day] .interlude span{font-size:14px;letter-spacing:.04em;font-weight:600}
[data-persona=day] .interlude>div{animation:ribbon 40s ease-in-out infinite alternate}
@keyframes ribbon{to{transform:translateX(-18%)}}
.section{padding:86px 8%;position:relative}
.section-running{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.12em;color:var(--accent);padding-bottom:23px;border-bottom:1px solid var(--line)}
.section-running span:last-child{font-family:var(--serif);font-size:12px;letter-spacing:.04em;color:var(--muted)}
h2{font-family:var(--serif);font-size:clamp(35px,4.2vw,59px);line-height:1.65;font-weight:400;letter-spacing:.035em}
.eyebrow{font-size:9px;letter-spacing:.16em;color:var(--accent)}
.about-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:center;margin-top:70px}
.about h2{margin-top:23px}
.about-note{padding:40px 0 15px;position:relative;border-top:1px solid var(--line)}
.note-index{position:absolute;top:-18px;left:0;background:var(--bg);padding-right:18px;font-family:var(--body);font-size:25px;font-style:italic;color:var(--accent)}
.about-note p{font-family:var(--serif);font-size:16px;line-height:2.6;color:#b3b3b4}
.note-signature{display:block;font-family:var(--serif);font-size:30px;letter-spacing:.2em;text-align:right;margin-top:28px;color:#c6b496}
.traits{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;margin-top:93px}
.trait{border-top:1px solid var(--line);padding-top:23px}.trait>span{font-size:10px;color:var(--accent)}.trait h3{font-family:var(--serif);font-weight:400;font-size:22px;letter-spacing:.04em;margin-top:18px}.trait p{font-size:13px;line-height:2.15;margin-top:17px;color:var(--muted)}
.personality-link{margin-top:59px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;padding:24px 0;text-align:left;font-family:var(--serif);font-size:17px}.personality-link span:last-child{font-family:var(--body);font-size:12px;color:var(--accent)}
[data-persona=day] .section-running{color:#364530}[data-persona=day] .section-running span:last-child{font-family:var(--body)}
[data-persona=day] h2{font-family:var(--body);font-size:clamp(40px,4.8vw,69px);font-weight:800;line-height:1.3;letter-spacing:-.065em}
[data-persona=day] .eyebrow{color:#707758;font-size:10px}
[data-persona=day] .about-layout{grid-template-columns:1.05fr 1fr;gap:10%;margin-top:61px}
[data-persona=day] .about-note{background:#e9eeb8;padding:35px 34px 22px;border:1px solid #263527;box-shadow:7px 7px 0 #273528;transform:rotate(3deg)}
[data-persona=day] .note-index{background:#ef804c;color:#243427;top:-18px;left:24px;padding:0 15px;transform:rotate(-6deg);border:1px solid #263527}
[data-persona=day] .about-note p{font-family:var(--body);font-size:15px;color:#435033;line-height:2.25}
[data-persona=day] .note-signature{color:#253c26;font-size:24px}
[data-persona=day] .traits{gap:20px}
[data-persona=day] .trait{padding:26px 24px 29px;background:#efede4;border:1px solid #bcc2b1}
[data-persona=day] .trait:nth-child(2){background:#f7ddcc;transform:rotate(-2deg)}
[data-persona=day] .trait:nth-child(3){background:#e2e6f1;transform:rotate(2deg)}
[data-persona=day] .trait h3{font-family:var(--body);font-weight:700;font-size:21px;letter-spacing:-.02em}
[data-persona=day] .trait p{font-size:13px}
[data-persona=day] .personality-link{font-family:var(--body);font-weight:600}
.collection{background:#0d151e}
.collection-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin:60px 0 58px}
.collection-heading h2{font-size:43px;line-height:1.6}
.collection-heading p{font-family:var(--serif);font-size:14px;color:var(--muted);line-height:2.1;margin-bottom:8px}
.collection-list{border-top:1px solid var(--line)}
.collection-item{display:grid;grid-template-columns:170px 1fr 50px;gap:42px;align-items:center;width:100%;padding:30px 0;border-bottom:1px solid var(--line);text-align:left;transition:background .4s,padding .4s var(--ease)}
.collection-item:hover{background:#ffffff04;padding-left:16px}
.item-art{height:190px;border:1px solid #a1947540;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#172129}
.night-art-type{font-family:var(--serif);font-size:45px;line-height:1.3;letter-spacing:.1em;color:#b6b39e}
.item-art i{position:absolute;right:10px;bottom:9px;font-size:9px;font-style:normal;color:#737d80}
.day-art-type{display:none}.art-two{background:#261e20}.art-two .night-art-type{color:#b29a96}.art-three{background:#1d1e2b}.art-three .night-art-type{color:#a3a0b5}
.item-category{font-size:9px;letter-spacing:.17em;color:var(--accent)}
.item-content h3{font-family:var(--serif);font-size:30px;font-weight:400;letter-spacing:.045em;margin-top:13px}
.item-content p{color:var(--muted);font-size:14px;margin-top:15px}.item-action{display:block;font-size:11px;color:var(--accent);margin-top:27px}
.item-plus{font-size:27px;font-weight:400;text-align:right;color:var(--accent);transition:transform .4s}.collection-item:hover .item-plus{transform:rotate(90deg)}
[data-persona=day] .collection{background:#eceee5}
[data-persona=day] .collection-heading h2{font-size:53px;line-height:1.3}
[data-persona=day] .collection-heading p{font-family:var(--body);font-size:14px}
[data-persona=day] .collection-list{display:grid;grid-template-columns:repeat(3,1fr);gap:29px;border:0}
[data-persona=day] .collection-item{display:block;border:1px solid #b7bdad;padding:0 0 24px;background:#fcfbf4;transform:rotate(-2deg);box-shadow:4px 4px 0 #bdc4b2;transition:transform .4s,box-shadow .4s}
[data-persona=day] .collection-item:nth-child(2){transform:rotate(3deg) translateY(30px)}
[data-persona=day] .collection-item:nth-child(3){transform:rotate(-1deg)}
[data-persona=day] .collection-item:hover{transform:rotate(0) translateY(-7px);box-shadow:8px 10px 0 #bdc4b2}
[data-persona=day] .item-art{height:290px;border:0;border-bottom:1px solid #b7bdad;justify-content:flex-start;padding:28px;background:#d1ef76}
[data-persona=day] .art-two{background:#f19a78}
[data-persona=day] .art-three{background:#c4bbe9}
[data-persona=day] .day-art-type{display:block;font-size:clamp(45px,5vw,75px);font-weight:800;line-height:.95;letter-spacing:-.075em;color:#283829}
[data-persona=day] .night-art-type{display:none}
[data-persona=day] .item-art i{font-size:12px;color:#435542}
[data-persona=day] .item-content{padding:24px 22px 0}
[data-persona=day] .item-category{color:#6d745e;font-size:10px}
[data-persona=day] .item-content h3{font-family:var(--body);font-size:21px;font-weight:700;letter-spacing:-.04em;line-height:1.6;margin-top:12px}
[data-persona=day] .item-content p{font-size:13px;line-height:1.9;min-height:50px}
[data-persona=day] .item-action{font-size:12px;margin-top:19px;padding-top:16px;border-top:1px solid var(--line);color:#293b29}
[data-persona=day] .item-plus{display:none}
[data-persona=day] .collection{padding-bottom:125px}
.stay{padding-top:78px;padding-bottom:100px}
.stay-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;margin-top:65px;align-items:center}
.stay h2{font-size:65px}
.stay-layout>div>p{font-family:var(--serif);color:var(--muted);line-height:2.2;font-size:16px;margin-top:23px}
.response-label{font-family:var(--serif);font-size:14px;color:#b3aaa0}
.response-options{display:grid;margin-top:18px}
.response-options button{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:16px 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:20px;transition:padding .25s,color .25s}
.response-options i{font-family:var(--body);font-size:9px;font-style:normal;color:var(--accent)}
.response-options button:hover,.response-options button[aria-pressed=true]{color:var(--accent);padding-left:9px}
#response-text{font-family:var(--serif);font-size:14px;line-height:2.1;color:#b3aaa0;margin-top:23px;min-height:60px}
[data-persona=day] .stay{background:#d7f575;border-top:1px solid #243324;border-bottom:1px solid #243324}
[data-persona=day] .stay h2{font-size:65px;letter-spacing:-.07em}
[data-persona=day] .stay-layout>div>p{font-family:var(--body);color:#435333;font-size:15px}
[data-persona=day] .response-box{padding:29px;background:#fffef1;border:1px solid #233225;box-shadow:6px 7px 0 #233225;transform:rotate(2deg)}
[data-persona=day] .response-label{font-family:var(--body);color:#47583b}
[data-persona=day] .response-options button{font-family:var(--body);font-weight:600;font-size:17px}
[data-persona=day] #response-text{font-family:var(--body);color:#57634a}
footer{margin:0 5%;padding:45px 3% 24px;border-top:1px solid var(--line)}
.footer-main{display:flex;align-items:center;justify-content:space-between;gap:28px}
.footer-main .brand{font-size:48px}
.footer-main>p{font-family:var(--serif);font-size:13px;line-height:2.1;color:var(--muted)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:50px;font-size:9px;letter-spacing:.08em;color:var(--muted)}
.footer-bottom a{font-size:11px}
[data-persona=day] footer{border-top:0}
[data-persona=day] .footer-main>p{font-family:var(--body)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}
.scene-transition{position:fixed;inset:0;z-index:80;background:#070b12;opacity:0;visibility:hidden;pointer-events:none;display:grid;place-items:center}
.scene-transition.active{visibility:visible}.scene-transition span{font-family:var(--serif);color:#b6aa97;font-size:16px;letter-spacing:.15em}
.scene-transition.to-day{background:#d7f575}.scene-transition.to-day span{font-family:var(--body);color:#263a27;font-size:24px;font-weight:700;letter-spacing:-.04em}
dialog{width:min(680px,calc(100% - 34px));max-height:86svh;background:var(--bg);color:var(--ink);border:1px solid #b6a18160;padding:60px 55px 35px;border-radius:1px;box-shadow:0 35px 140px #0008}
dialog::backdrop{background:#02060bd1;backdrop-filter:blur(12px)}
.dialog-close{position:absolute;top:14px;right:17px;width:40px;height:40px;font-size:29px;line-height:1}
.dialog-kicker{font-size:10px;letter-spacing:.1em;color:var(--accent)}
dialog h2{font-size:32px;margin:27px 0}
#story-body{font-family:var(--serif);font-size:16px;line-height:2.35;color:#bcb9b3}
#story-body p+p{margin-top:22px}
.dialog-signature{display:flex;justify-content:space-between;gap:20px;margin-top:32px;padding-top:23px;border-top:1px solid var(--line);color:var(--accent);font-size:11px}
.dialog-signature>span:last-child{font-family:var(--serif);font-size:20px}
[data-persona=day] dialog{border-color:#233225;box-shadow:8px 8px 0 #233225;padding-top:53px}
[data-persona=day] dialog h2{font-size:30px}
[data-persona=day] #story-body{font-family:var(--body);color:#536149;font-size:15px;line-height:2.1}
.opening{position:fixed;inset:0;z-index:100;background:#050910;color:#dfd8cb;overflow:hidden;isolation:isolate}
.opening[hidden]{display:none}
.opening-visual{position:absolute;inset:0;transform-origin:74% 35%}
.opening-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0}
.opening-visual>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:drop-shadow(0 0 3px #8da7c6)}
.opening-shade{position:absolute;inset:0;background:linear-gradient(90deg,#05091099,transparent 65%),linear-gradient(0deg,#05091066,transparent 30%);opacity:1}
.opening-top,.opening-bottom{position:absolute;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.13em;z-index:4}
.opening-top{top:25px}.opening-top button{font-size:12px;padding:7px 0}.opening-top button span{font-size:9px;opacity:.5;margin-left:12px}
.opening-bottom{bottom:24px}
.opening-track{position:absolute;bottom:36px;left:0;right:0;height:1px;background:#b9a58533}.opening-track i{display:block;transform:scaleX(0);transform-origin:left;height:1px;background:#b9a585}
.opening-title{position:absolute;left:8%;top:38%;width:45%}
.opening-note{font-size:9px;letter-spacing:.2em;opacity:0;color:#aeb7c3}
.opening-word{font-size:clamp(65px,10.3vw,155px);font-weight:800;letter-spacing:-.09em;line-height:1.3;white-space:nowrap}
.opening-word>span{display:inline-block;color:transparent;-webkit-text-stroke:1px #c8c1b2;opacity:0}
.opening-title p{font-family:var(--serif);font-size:18px;letter-spacing:.1em;margin-top:12px;opacity:0}
.noscript{text-align:center;background:var(--surface);padding:12px;font-size:13px}
@media(min-width:1600px){.hero-copy{top:475px}#hero-title{top:160px}[data-persona=day] .hero-copy{top:auto;bottom:102px}[data-persona=day] #hero-title{top:98px}[data-persona=day] .hero-description{font-size:17px}}
@media(max-width:1100px) and (min-width:761px){.desktop-nav{gap:21px}.site-header{padding:0 4%}.hero{min-height:720px}.hero-copy{left:6%;top:410px;width:40%}#hero-title{left:6%;font-size:65px}.night-scene>img{object-position:58% center}.hero-running{left:5%}[data-persona=day] .hero-copy{top:auto;bottom:90px;left:5%;width:46%}[data-persona=day] #hero-title{top:120px;font-size:22vw}[data-persona=day] .hero-description{font-size:14px}[data-persona=day] .day-scene{right:-12%;width:67%;top:54px}.day-sticker{padding:10px 18px;right:16%}.day-sticker b{font-size:17px}.day-sun{font-size:90px}.section{padding-left:6%;padding-right:6%}.about-layout{gap:7%}.about-note p{font-size:14px}.traits{gap:25px}.trait h3{font-size:19px}.collection-heading h2{font-size:37px}.collection-item{grid-template-columns:140px 1fr 30px;gap:27px}.item-art{height:175px}.item-content h3{font-size:25px}.stay-layout{gap:6%}.stay h2{font-size:50px}[data-persona=day] .about-note{padding:29px 22px 18px}[data-persona=day] .about-note p{font-size:13px}[data-persona=day] .collection-list{gap:18px}[data-persona=day] .item-art{height:230px;padding:22px}[data-persona=day] .day-art-type{font-size:54px}[data-persona=day] .item-content{padding:22px 17px 0}[data-persona=day] .item-content h3{font-size:18px}[data-persona=day] .trait{padding:21px 17px}[data-persona=day] .trait h3{font-size:17px}[data-persona=day] .stay h2{font-size:52px}}
@media(max-width:760px){
.site-header{height:76px;padding:0 22px}.brand{font-size:30px}.brand>span{font-size:23px}.desktop-nav{display:none}.header-actions{gap:7px}.persona-switch button{padding:5px 10px;font-size:11px;min-height:32px;gap:5px}.persona-switch button>span{font-size:18px}.menu-button{display:block}
.hero{height:990px;min-height:0;max-height:none}.hero-running{left:24px;right:24px;top:23px;font-size:8px;letter-spacing:.07em}.hero-running>span:first-child{font-size:10px;letter-spacing:.14em}.hero-running>span:last-child{font-size:7px}
#hero-title{left:27px;top:80px;font-size:58px;line-height:1.43;letter-spacing:.03em}
.hero-copy{left:29px;top:281px;width:calc(100% - 58px)}.hero-caption{font-size:8px;letter-spacing:.12em}.hero-description{font-size:15px;line-height:2.05;margin-top:16px}.hero-actions{margin-top:20px;gap:27px}.primary-button{font-size:13px;gap:32px;min-height:43px}.text-button{font-size:10px}
.night-scene{top:452px;bottom:auto;height:520px;z-index:-2;mask-image:linear-gradient(transparent,black 16%,black 80%,transparent)}.night-scene>img{object-position:74% center}.scene-vignette{background:linear-gradient(180deg,#0a111a 0%,#0a111a00 20%,#0a101800 65%,#0a1018 100%)}.lamp-breath{right:-13%;top:20%;width:50%}
.bookmark-hotspot{right:24px;bottom:104px;padding:9px 12px;font-size:11px;gap:11px}.bookmark-hotspot small{font-size:7px}.hotspot-dot{width:7px;height:7px;outline-offset:4px}
.hero-bottom{left:24px;right:24px;bottom:23px;font-size:10px}.hero-bottom>span{display:none}.hero-bottom button{font-size:10px}
[data-persona=day] .brand{font-size:32px}[data-persona=day] .brand>span{font-size:25px}
[data-persona=day] .hero{height:1060px}
[data-persona=day] #hero-title{left:19px;top:70px;font-size:clamp(100px,28vw,160px);transform:rotate(-5deg);line-height:1.35}
[data-persona=day] .hero-copy{left:26px;top:246px;bottom:auto;width:calc(100% - 52px)}
[data-persona=day] .hero-caption{font-size:18px;letter-spacing:-.04em}
[data-persona=day] .hero-description{font-size:13px;line-height:1.9;margin-top:11px}
[data-persona=day] .hero-actions{margin-top:19px;gap:24px}
[data-persona=day] .primary-button{width:91px;height:91px;font-size:12px;box-shadow:3px 4px 0 #233125}
[data-persona=day] .day-scene{top:439px;right:-17%;width:112%;height:600px}
.day-scene>img{width:108%;right:0;top:0;mask-image:linear-gradient(black 42%,#000c 57%,transparent 77%)}
.day-color-block{inset:6% 14% 0% 12%;transform:rotate(8deg)}
.day-sticker{right:27%;top:0;padding:10px 15px;box-shadow:3px 3px 0 #243026;font-size:10px}.day-sticker b{font-size:17px}.day-sun{left:2%;top:34%;font-size:84px}
[data-persona=day] .day-footer-word{right:11%;bottom:77px;font-size:46px;z-index:3}
.interlude{padding:15px 0}.interlude>div{gap:32px}.interlude span{font-size:8px}.interlude i{font-size:15px}[data-persona=day] .interlude span{font-size:12px}
.section{padding:58px 26px}.section-running{font-size:8px;letter-spacing:.06em;padding-bottom:17px;gap:15px}.section-running span:last-child{font-size:10px;letter-spacing:0;text-align:right}
h2{font-size:36px;line-height:1.65;letter-spacing:.02em}.about-layout{grid-template-columns:1fr;gap:43px;margin-top:40px}.eyebrow{font-size:8px;letter-spacing:.11em}.about h2{margin-top:18px}
.about-note{padding:29px 0 0}.about-note p{font-size:15px;line-height:2.4}.note-signature{font-size:25px;margin-top:20px}
.traits{grid-template-columns:1fr;gap:29px;margin-top:50px}.trait{padding-top:19px}.trait h3{font-size:22px;margin-top:11px}.trait p{font-size:14px;margin-top:13px;line-height:2}.personality-link{margin-top:38px;font-size:14px;padding:20px 0}.personality-link span:last-child{font-size:10px}
[data-persona=day] h2{font-size:43px;line-height:1.3}
[data-persona=day] .about-layout{grid-template-columns:1fr;gap:42px;margin-top:35px}
[data-persona=day] .about-note{padding:33px 23px 17px;box-shadow:5px 5px 0 #273528;transform:rotate(2deg);margin:0 4px}
[data-persona=day] .about-note p{font-size:14px;line-height:2.35}
[data-persona=day] .traits{gap:19px}
[data-persona=day] .trait{padding:23px}
[data-persona=day] .trait:nth-child(2){transform:rotate(-1deg)}
[data-persona=day] .trait:nth-child(3){transform:rotate(1deg)}
[data-persona=day] .trait h3{font-size:21px}
.collection-heading{display:block;margin:36px 0 36px}.collection-heading h2{font-size:31px;line-height:1.6}.collection-heading p{font-size:13px;margin-top:20px}
.collection-item{grid-template-columns:83px 1fr;gap:20px;padding:27px 0;position:relative}
.collection-item:hover{padding-left:0}.item-art{height:139px}.night-art-type{font-size:32px}.item-art i{font-size:8px;right:7px;bottom:5px}.item-category{font-size:8px;letter-spacing:.08em}.item-content h3{font-size:20px;line-height:1.6;letter-spacing:.02em;margin-top:8px}.item-content p{font-size:12px;line-height:1.9;margin-top:9px}.item-action{margin-top:17px;font-size:10px}.item-plus{display:none}
[data-persona=day] .collection-heading h2{font-size:40px}
[data-persona=day] .collection-list{grid-template-columns:1fr;gap:32px}
[data-persona=day] .collection-item{transform:rotate(-1deg);padding-bottom:23px}
[data-persona=day] .collection-item:nth-child(2){transform:rotate(2deg)}
[data-persona=day] .item-art{height:310px;padding:28px}
[data-persona=day] .day-art-type{font-size:89px}
[data-persona=day] .item-content{padding:24px 23px 0}
[data-persona=day] .item-content h3{font-size:23px}
[data-persona=day] .item-content p{font-size:14px;min-height:0}
[data-persona=day] .item-action{font-size:12px}
[data-persona=day] .collection{padding-bottom:68px}
.stay-layout{grid-template-columns:1fr;gap:35px;margin-top:40px}.stay h2{font-size:44px}.stay-layout>div>p{font-size:15px;margin-top:18px}
.response-label{font-size:13px}.response-options{margin-top:12px}.response-options button{font-size:18px;padding:16px 0}#response-text{font-size:14px;margin-top:23px;min-height:64px}
[data-persona=day] .stay h2{font-size:47px}
[data-persona=day] .response-box{padding:26px 23px;box-shadow:4px 5px 0 #233225;transform:rotate(1deg)}
footer{padding:35px 0 23px;margin:0 26px}.footer-main{flex-wrap:wrap;gap:25px}.footer-main .brand{font-size:39px}.footer-main>p{font-size:11px;text-align:right}.footer-main>.text-button{flex-basis:100%;font-size:11px}.footer-bottom{margin-top:23px;font-size:8px;gap:12px}.footer-bottom>span:nth-child(2){display:none}
dialog{padding:52px 25px 28px;max-height:87svh}dialog h2{font-size:26px;line-height:1.65;margin:22px 0}#story-body{font-size:15px;line-height:2.3}.dialog-signature{font-size:10px;gap:12px}[data-persona=day] dialog h2{font-size:26px}
.opening-visual>img{object-position:74% center}.opening-visual>canvas{object-position:74% center}.opening-shade{background:linear-gradient(0deg,#050910f2 0%,#050910b0 23%,transparent 65%)}
.opening-title{left:7%;top:auto;bottom:21%;width:86%}.opening-word{font-size:24vw;letter-spacing:-.085em}.opening-note{font-size:8px;letter-spacing:.15em}.opening-title p{font-size:16px;margin-top:11px}.opening-top,.opening-bottom{left:7%;right:7%;font-size:7px;letter-spacing:.06em}.opening-top{top:24px}.opening-top button{font-size:10px}.opening-bottom{bottom:25px}.opening-bottom>span:last-child{display:none}.scene-transition span{font-size:14px}
}
@media(max-width:370px){.site-header{padding:0 15px}.header-actions{gap:3px}.persona-switch button{padding:5px 8px}.brand{font-size:27px}.menu-button{width:34px}.hero-running{left:20px;right:20px}#hero-title{font-size:53px;left:23px}.hero-copy{left:24px;width:calc(100% - 48px)}.hero-caption{font-size:7px}.hero-description{font-size:14px}.hero-bottom{left:20px;right:20px}.hero{height:970px}[data-persona=day] #hero-title{font-size:28vw;left:15px}[data-persona=day] .hero-copy{top:227px;left:22px;width:calc(100% - 44px)}[data-persona=day] .hero-caption{font-size:16px}[data-persona=day] .hero-description{font-size:12px}[data-persona=day] .day-scene{top:423px}.section{padding-left:22px;padding-right:22px}.collection-item{grid-template-columns:72px 1fr;gap:15px}.item-content h3{font-size:18px}}
@media(max-width:760px) and (max-height:650px){
 .hero{height:840px}#hero-title{font-size:49px;top:82px;left:25px}.hero-copy{top:307px;left:27px;width:43%}.hero-caption{display:none}.hero-description{font-size:14px;margin-top:0}.hero-actions{flex-direction:column;align-items:flex-start;gap:9px;margin-top:20px}.night-scene{top:95px;left:34%;right:-27%;height:715px}.scene-vignette{background:linear-gradient(90deg,#0a111a 0%,transparent 23%),linear-gradient(0deg,#0a1018,transparent 30%)}.bookmark-hotspot{right:20px;bottom:105px}
 [data-persona=day] .hero{height:860px}[data-persona=day] #hero-title{font-size:21vw;top:90px;left:19px}[data-persona=day] .hero-copy{top:340px;width:44%;left:26px}[data-persona=day] .hero-caption{display:block;font-size:14px}[data-persona=day] .hero-description{font-size:12px}[data-persona=day] .hero-actions{flex-direction:row;gap:15px}[data-persona=day] .primary-button{width:80px;height:80px;font-size:11px;flex-shrink:0}[data-persona=day] .day-scene{top:112px;right:-21%;width:91%;height:670px}.day-sticker{display:none}.day-sun{font-size:65px;left:-6%;top:48%}
}
/* A single, restrained type system; the scene carries the atmosphere. */
:root{--serif:'Noto Sans SC',Manrope,sans-serif}
.site-header .brand{font-size:32px;letter-spacing:-1.7px}.brand>span{font-size:22px}
.desktop-nav a{font-size:14px}.desktop-nav small{font-size:10px}
#hero-title{font-size:clamp(52px,5.3vw,78px);font-weight:400;line-height:1.45;letter-spacing:-.015em}
#hero-title em{font-weight:300;color:#d0cbc2}
.hero-description{font-size:16px;line-height:2}.hero-caption{font-size:10px;letter-spacing:.13em}
h2{font-size:clamp(32px,3.4vw,49px);line-height:1.6;letter-spacing:-.01em;font-weight:400}
.trait h3{font-weight:500;letter-spacing:0}.trait p{font-size:14px}
.collection-heading h2{font-size:40px}.item-content h3{font-weight:400;letter-spacing:0}
.item-art{display:none}.collection-item{grid-template-columns:1fr 45px;padding:35px 0;gap:24px}.item-content p{font-size:15px}.item-content h3{font-size:27px}.item-action{margin-top:21px}
.stay h2{font-size:55px;font-weight:400}.response-options button{font-size:18px}.footer-main>p{font-size:14px}
:root[data-persona=day]{--bg:#f6f8f2;--surface:#f6f8f2;--ink:#293b31;--muted:#657369;--accent:#74865b;--line:#293b3121}
[data-persona=day] .site-header{background:var(--bg);border-color:var(--line)}
[data-persona=day] .brand{font-size:32px}[data-persona=day] .brand>span{font-size:22px;color:#849667}
[data-persona=day] .desktop-nav a{font-size:14px;font-weight:400}
[data-persona=day] .hero{background:#f0f4e9}
[data-persona=day] #hero-title{font-size:clamp(70px,8vw,115px);font-weight:600;letter-spacing:-.045em;transform:none;top:145px;left:8%;line-height:1.2}
[data-persona=day] .exclaim{color:inherit}
.day-color-block,.day-sticker,.day-sun,[data-persona=day] .day-footer-word{display:none}
[data-persona=day] .hero-copy{left:8%;bottom:140px;width:39%}
[data-persona=day] .hero-caption{font-size:11px;letter-spacing:.14em;font-weight:500;color:var(--muted)}
[data-persona=day] .hero-description{font-size:16px;line-height:2;color:var(--muted);margin-top:20px}
[data-persona=day] .primary-button{width:auto;height:49px;min-width:124px;border:1px solid #52694c55;border-radius:2px;box-shadow:none;background:#405a46;color:#f6f8f2;transform:none;font-weight:400;font-size:14px;padding:11px 22px}
[data-persona=day] .primary-button:hover{transform:translateY(-2px);box-shadow:none;background:#304b37;color:white}
[data-persona=day] .hero-actions{gap:27px;margin-top:27px}
.interlude,[data-persona=day] .interlude{padding:21px 0;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted)}
[data-persona=day] .interlude>div{animation:none}[data-persona=day] .interlude span{font-size:10px;letter-spacing:.13em;font-weight:400}.interlude i{font-size:16px}
[data-persona=day] h2{font-size:clamp(34px,3.7vw,53px);font-weight:500;line-height:1.55;letter-spacing:-.02em}
[data-persona=day] .about-note{background:none;border:0;border-top:1px solid var(--line);padding:30px 0 0;box-shadow:none;transform:none}
[data-persona=day] .note-index{background:var(--bg);border:0;transform:none;padding:0 15px 0 0;left:0;color:var(--accent)}
[data-persona=day] .about-note p{font-size:16px;line-height:2.5;color:var(--muted)}
[data-persona=day] .traits{gap:45px}
[data-persona=day] .trait,[data-persona=day] .trait:nth-child(2),[data-persona=day] .trait:nth-child(3){background:none;transform:none;border:0;border-top:1px solid var(--line);padding:24px 0}
[data-persona=day] .trait h3{font-size:21px;font-weight:500;letter-spacing:0}[data-persona=day] .trait p{font-size:14px}
[data-persona=day] .personality-link{font-weight:400}
[data-persona=day] .collection{background:var(--bg);padding-bottom:90px}
[data-persona=day] .collection-heading h2{font-size:43px;line-height:1.55}
[data-persona=day] .collection-list{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
[data-persona=day] .collection-item,[data-persona=day] .collection-item:nth-child(2),[data-persona=day] .collection-item:nth-child(3){transform:none;background:none;border:0;border-top:1px solid var(--line);box-shadow:none;padding:30px 0;align-self:start}
[data-persona=day] .collection-item:hover{transform:translateY(-3px);box-shadow:none;background:none}
[data-persona=day] .item-art{display:none}[data-persona=day] .item-content{padding:0}
[data-persona=day] .item-content h3{font-size:23px;font-weight:500;letter-spacing:0;line-height:1.6}
[data-persona=day] .item-content p{font-size:14px;min-height:54px}
[data-persona=day] .item-action{border:0;margin-top:20px;padding:0;color:var(--accent)}
[data-persona=day] .stay{background:var(--bg);border:0}[data-persona=day] .stay h2{font-size:55px;font-weight:500;letter-spacing:-.02em}
[data-persona=day] .response-box{padding:0;transform:none;background:none;border:0;box-shadow:none}
[data-persona=day] .response-options button{font-weight:400;font-size:18px}
@media(max-width:760px){
 #hero-title{font-size:52px;top:82px;left:27px;letter-spacing:-.02em}.hero-description{font-size:15px}.hero-caption{font-size:8px}
 h2,[data-persona=day] h2{font-size:34px;line-height:1.6}.collection-heading h2,[data-persona=day] .collection-heading h2{font-size:31px}.item-content h3,[data-persona=day] .item-content h3{font-size:22px}.item-content p{font-size:14px}.collection-item{grid-template-columns:1fr;padding:29px 0}
 .stay h2,[data-persona=day] .stay h2{font-size:40px}.footer-main>p{font-size:12px}
 [data-persona=day] #hero-title{font-size:73px;left:25px;top:100px;transform:none}
 [data-persona=day] .hero-copy{top:248px;bottom:auto;left:27px;width:calc(100% - 54px)}
 [data-persona=day] .hero-caption{font-size:9px}[data-persona=day] .hero-description{font-size:14px;line-height:2;margin-top:18px}[data-persona=day] .hero-actions{gap:24px;margin-top:23px}
 [data-persona=day] .primary-button{width:auto;height:45px;font-size:13px;padding:10px 19px;box-shadow:none}
 [data-persona=day] .about-note{margin:0;padding:29px 0 0;transform:none;box-shadow:none}
 [data-persona=day] .about-note p{font-size:15px}[data-persona=day] .traits{gap:20px}
 [data-persona=day] .trait,[data-persona=day] .trait:nth-child(2),[data-persona=day] .trait:nth-child(3){padding:23px 0;transform:none}
 [data-persona=day] .collection-list{grid-template-columns:1fr;gap:0}
 [data-persona=day] .collection-item,[data-persona=day] .collection-item:nth-child(2),[data-persona=day] .collection-item:nth-child(3){padding:29px 0;transform:none}
 [data-persona=day] .item-content{padding:0}[data-persona=day] .item-content p{min-height:0}
 [data-persona=day] .collection{padding-bottom:55px}[data-persona=day] .response-box{padding:0;transform:none;box-shadow:none}
}
@media(max-width:760px) and (max-height:650px){#hero-title{font-size:45px;top:85px}.hero-copy{width:43%;top:300px}.hero-caption{display:none}[data-persona=day] #hero-title{font-size:66px;top:105px}[data-persona=day] .hero-copy{top:305px;width:44%;left:26px}[data-persona=day] .hero-caption{display:block;font-size:9px}[data-persona=day] .hero-description{font-size:13px}[data-persona=day] .hero-actions{flex-direction:column;align-items:flex-start;gap:11px}}
/* Daylight is an illustrated place, rather than a cutout over a panel. */
.scene-transition.to-day{background:#f4f6eb}.scene-transition.to-day span{font-size:17px;font-weight:400;letter-spacing:.04em}
.hero-caption,[data-persona=day] .hero-caption{display:none}
[data-persona=day] .hero{background:#f4f6eb}
[data-persona=day] .day-scene{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:-2;overflow:hidden;pointer-events:none}
.day-scene>img{inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:none;mask-image:none;filter:none}
.daylight-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#f6f8ee28,transparent 50%),linear-gradient(0deg,#f6f8f2,transparent 25%)}
[data-persona=day] #hero-title{top:145px;font-size:clamp(55px,5.7vw,82px);font-weight:500;line-height:1.43;letter-spacing:-.03em;color:#344636}
[data-persona=day] .hero-copy{top:425px;bottom:auto;width:36%;left:8%}
[data-persona=day] .hero-description{color:#53634f;font-size:16px;margin-top:0;text-shadow:0 1px 12px #f5f8edaa}
[data-persona=day] .hero-running{color:#53634f}[data-persona=day] .hero-running>span:first-child{color:#576e42}
[data-persona=day] .hero-bottom{color:#58654f}
@media(max-width:1100px) and (min-width:761px){[data-persona=day] #hero-title{font-size:64px;left:6%;top:143px}[data-persona=day] .hero-copy{left:6%;width:39%;top:411px}[data-persona=day] .hero-description{font-size:14px}.day-scene>img{object-position:56% center}}
@media(max-width:760px){
 [data-persona=day] .hero{height:990px}
 [data-persona=day] #hero-title{top:82px;left:27px;font-size:52px;font-weight:500;line-height:1.43}
 [data-persona=day] .hero-copy{top:290px;left:28px;width:calc(100% - 56px)}
 [data-persona=day] .hero-description{font-size:14px;margin-top:0;line-height:2}
 [data-persona=day] .hero-actions{margin-top:23px}
 [data-persona=day] .day-scene{top:437px;bottom:auto;left:0;right:0;width:100%;height:535px;mask-image:linear-gradient(transparent,black 15%,black 82%,transparent)}
 .day-scene>img{object-position:74% center}
 .daylight-vignette{background:linear-gradient(180deg,#f4f6eb,transparent 18%,transparent 80%,#f4f6eb)}
}
@media(max-width:760px) and (max-height:650px){
 [data-persona=day] .hero{height:840px}[data-persona=day] #hero-title{left:24px;top:85px;font-size:44px}
 [data-persona=day] .hero-copy{left:26px;top:298px;width:42%}[data-persona=day] .hero-description{font-size:13px}
 [data-persona=day] .day-scene{top:95px;left:31%;right:-22%;width:auto;height:715px;mask-image:linear-gradient(90deg,transparent,black 22%)}
 .daylight-vignette{background:linear-gradient(180deg,#f4f6eb,transparent 15%),linear-gradient(90deg,#f4f6eb,transparent 22%),linear-gradient(0deg,#f4f6eb,transparent 20%)}
 .day-scene>img,.night-scene>img,.opening-visual>img,.opening-visual>canvas{object-position:100% center}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.night-scene>img{transform:none}}


/* ---------- 补充 01 · SVG 字形（☼ ☾ ✳ ↻ 两套字体都没有，改成矢量保证全平台一致） ---------- */
.glyph{display:block}
.persona-switch button>span>svg.glyph{width:15px;height:15px}
.button-mark svg.glyph{width:13px;height:13px}
.interlude i svg.glyph{width:11px;height:11px}
.replay-mark{display:inline-block;vertical-align:-2px}
.replay-mark svg.glyph{width:12px;height:12px}

/* ---------- 补充 02 · 05 生菜能做什么 ---------- */
.work{padding-top:78px;padding-bottom:92px;border-top:1px solid var(--line)}
.work-heading{max-width:860px;margin-top:34px}
.work-heading h2{margin-top:18px}
.work-heading p{margin-top:20px;font-size:15px;line-height:2.2;color:var(--muted);max-width:60ch}
.work-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8%;margin-top:56px}
.work-card h3,.work-rules h3{font-size:22px;margin:0;padding-bottom:14px;border-bottom:1px solid var(--line)}
.work-list{list-style:none;margin:0;padding:0}
.work-list li{padding:20px 0;border-bottom:1px solid var(--line)}
.work-list b{display:block;font-family:var(--serif);font-weight:500;font-size:16px;letter-spacing:.02em}
.work-list span{display:block;margin-top:9px;font-size:13px;line-height:2;color:var(--muted)}
.work-rules{margin-top:62px}
.work-list-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8%}
.work-refuse{margin-top:56px;padding:26px 28px;border:1px solid var(--line)}
.work-refuse h3{font-size:20px;margin:0 0 14px}
.work-refuse ul{list-style:none;margin:0;padding:0}
.work-refuse li{position:relative;padding-left:22px;font-size:13.5px;line-height:2;color:var(--muted)}
.work-refuse li+li{margin-top:8px}
.work-refuse li::before{content:'';position:absolute;left:2px;top:.9em;width:9px;height:1px;background:var(--accent)}
.work-contact{margin-top:64px;padding-top:30px;border-top:1px solid var(--line)}
.work-contact p{font-size:15px;line-height:2.2;color:var(--muted);max-width:58ch}
.work-cta{display:flex;flex-wrap:wrap;align-items:center;gap:26px;margin-top:28px}
.work-cta .primary-button{width:auto;gap:30px}
.work-cta .mail{font-size:14px;border-bottom:1px solid var(--line);padding-bottom:3px;transition:color .3s,border-color .3s}
.work-cta .mail:hover{color:var(--accent);border-bottom-color:var(--accent)}
[data-persona=day] .work{padding-top:86px;padding-bottom:100px}
[data-persona=day] .work-card h3,[data-persona=day] .work-rules h3,[data-persona=day] .work-refuse h3{font-family:var(--body);font-weight:700;letter-spacing:-.01em}
[data-persona=day] .work-heading p,[data-persona=day] .work-list span,[data-persona=day] .work-refuse li,[data-persona=day] .work-contact p{font-family:var(--body)}
[data-persona=day] .work-cta .primary-button{width:auto;height:auto;min-height:49px;border-radius:0;border:0;border-bottom:1px solid var(--line);background:none;box-shadow:none;transform:none;color:var(--ink);font-weight:500;font-size:14px;padding:11px 0;justify-content:space-between;gap:30px}
[data-persona=day] .work-cta .primary-button:hover{transform:none;box-shadow:none;background:none;color:var(--accent);border-bottom-color:var(--accent)}
[data-persona=day] .work-cta .button-mark{display:block;color:var(--accent)}
@media(max-width:900px){
 .work-cols{grid-template-columns:1fr;gap:0;margin-top:44px}
 .work-card+.work-card{margin-top:44px}
 .work-list-rules{grid-template-columns:1fr}
 .work-heading{margin-top:26px}
}
@media(max-width:760px){
 .work{padding-top:58px;padding-bottom:66px}
 .work-refuse{padding:22px 20px}
 .work-cta{gap:18px}
 .work-cta .primary-button{width:100%}
 .work-refuse li{font-size:13px}
}