@import url("layout.css");
:root{--paper:#f1eee6;--ink:#151b1d;--red:#ba3d2c;--soft:#d5d0c4;--white:#faf8f2;--navy:#1c3142;--gold:#e4cc72;--sans:Arial,"PingFang SC","Microsoft YaHei",sans-serif;--serif:Georgia,"Songti SC",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{color:inherit}.nav{height:58px;padding:0 24px;border-bottom:1px solid var(--ink);display:flex;align-items:center;position:sticky;top:0;background:#f1eee6ed;backdrop-filter:blur(10px);z-index:20;font-size:11px}.nav b{letter-spacing:.08em}.nav span{margin:auto;color:#66655e}.nav a{text-decoration:none}.hero{display:grid;grid-template-columns:220px 1fr;border-bottom:1px solid var(--ink);min-height:560px}.hero-meta{padding:35px 24px;border-right:1px solid var(--ink);display:flex;flex-direction:column}.eyebrow{font:10px/1.6 ui-monospace,monospace;color:var(--red);letter-spacing:.06em}.hero-meta dl{margin:auto 0 0}.hero-meta dt{font:9px ui-monospace,monospace;color:#77736b;margin-top:18px}.hero-meta dd{margin:5px 0 0;font-size:12px}.hero-main{padding:65px clamp(28px,7vw,105px);display:flex;flex-direction:column;justify-content:center}.hero h1{font:400 clamp(58px,9vw,125px)/.84 var(--serif);letter-spacing:-.075em;margin:20px 0 30px}.hero-summary{font-size:17px;line-height:1.8;max-width:790px;color:#555750}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:30px}.tags span{border:1px solid var(--ink);border-radius:999px;padding:7px 10px;font:9px ui-monospace,monospace}.visual{height:320px;background:var(--navy);color:white;margin-top:45px;position:relative;overflow:hidden;display:grid;place-items:center}.visual:before{content:"";position:absolute;width:250px;height:250px;border:1px solid #ffffff45;border-radius:50%;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05}.visual strong{z-index:1;font:400 clamp(28px,5vw,55px) var(--serif);color:var(--gold)}.content{display:grid;grid-template-columns:220px 1fr;border-bottom:1px solid var(--ink)}.side-title{padding:38px 24px;border-right:1px solid var(--ink)}.side-title small{font:10px ui-monospace,monospace;color:var(--red)}.side-title h2{font:400 28px var(--serif);margin:18px 0}.body{padding:55px clamp(28px,6vw,85px)}.body h2{font:400 clamp(34px,5vw,62px)/1 var(--serif);letter-spacing:-.045em;margin:0 0 35px}.body>p{font-size:15px;line-height:1.85;color:#555750;max-width:850px}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:38px}.work{border:1px solid var(--soft);background:var(--white);padding:25px;min-height:180px}.work small{font:9px ui-monospace,monospace;color:var(--red)}.work h3{font:500 20px var(--serif);margin:22px 0 8px}.work p{font-size:12px;line-height:1.7;color:#66655e}.result{background:var(--navy);color:white;padding:42px;margin-top:35px}.result small{font:9px ui-monospace,monospace;color:var(--gold)}.result p{font:400 clamp(25px,4vw,45px)/1.2 var(--serif);margin:18px 0 0;max-width:900px}.next{display:grid;grid-template-columns:1fr 1fr}.next a{padding:35px 24px;text-decoration:none;border-right:1px solid var(--ink);display:flex;justify-content:space-between}.next a:last-child{border:0}.next a:hover{background:var(--white)}footer{background:var(--ink);color:var(--paper);padding:45px 24px;display:flex;justify-content:space-between;align-items:end}footer h2{font:400 clamp(35px,5vw,65px)/.95 var(--serif);margin:0}footer a{text-underline-offset:5px}@media(max-width:760px){.nav span{display:none}.nav{justify-content:space-between}.hero,.content{grid-template-columns:1fr}.hero-meta,.side-title{border-right:0;border-bottom:1px solid var(--ink)}.hero-meta{min-height:210px}.hero-meta dl{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}.hero-main{padding:55px 20px}.hero h1{font-size:17vw}.visual{height:250px}.body{padding:45px 20px}.work-grid{grid-template-columns:1fr}.next{grid-template-columns:1fr}.next a{border-right:0;border-bottom:1px solid var(--ink)}footer{display:block}footer a{display:block;margin-top:30px}}