:root{--paper:#f4efe6;--paper-deep:#ece5da;--card:#fbf8f1;--ink:#1f1915;--muted:#766f67;--red:#a84a38;--sage:#dde3dc;--line:#d6cec2;--serif:"Noto Serif SC",serif;--sans:"Noto Sans SC",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:4px}.site-header{height:88px;padding:0 clamp(24px,5.5vw,80px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;font:600 25px var(--serif);letter-spacing:.02em}.brand-mark{width:38px;height:38px;border:1px solid #c58b7e;border-radius:50%;display:grid;place-items:center;font-size:23px;color:var(--ink);background:var(--sage)}nav{display:flex;gap:clamp(18px,2.5vw,40px);font-weight:700}nav a{position:relative;padding:6px 0}nav a:after{position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--red);content:"";transition:width .2s ease}nav a:hover:after,nav a.active:after{width:100%}.section-shell{width:min(1280px,89vw);margin:0 auto}.home-hero{padding:clamp(100px,13vw,190px) 0 clamp(100px,12vw,165px)}.eyebrow{margin:0 0 22px;color:var(--red);font:500 13px var(--mono);letter-spacing:.18em}.home-hero h1,.archive-hero h1,.skill-detail h1,.article h1,.about-page h1,.contact-page h1{margin:0;font:900 clamp(48px,7.3vw,104px)/1.15 var(--sans);letter-spacing:-.07em}.hero-intro{margin:34px 0 38px;color:var(--muted);font-size:22px;line-height:1.8}.hero-actions{display:flex;gap:14px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 27px;border:1px solid var(--ink);border-radius:3px;background:transparent;font-weight:700;cursor:pointer}.button-solid{border-color:var(--red);background:var(--red);color:#fff}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px}.section-heading h2{margin:0;font:700 clamp(35px,4vw,58px)/1.25 var(--serif);letter-spacing:-.05em}.section-heading>div>p:last-child{margin:12px 0 0;color:var(--muted);font-size:18px}.all-link,.text-link{color:var(--red);font-weight:700}.featured-section,.writing-section{padding:80px 0;border-top:1px solid var(--line)}.skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}.skill-card{min-height:315px;border:1px solid var(--line);background:var(--card);display:grid;grid-template-columns:minmax(225px,.85fr) 1.15fr;transition:transform .2s ease,box-shadow .2s ease}.skill-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #5d4b3410}.skill-copy{padding:34px 38px;display:flex;flex-direction:column;align-items:flex-start}.skill-number{color:var(--red);font:400 32px var(--serif)}.skill-copy h3{margin:24px 0 17px;font:700 25px var(--serif);letter-spacing:-.04em;word-break:break-word}.skill-copy i,.contact-card i{display:block;width:31px;height:3px;background:var(--red)}.skill-copy>p{margin:34px 0 22px;font:500 17px var(--serif)}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{padding:4px 11px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:13px}.skill-copy .text-link{margin-top:auto}.skill-cover{overflow:hidden;background:var(--paper-deep)}.skill-cover img{display:block;width:100%;height:100%;object-fit:cover}.writing-section{padding-bottom:110px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.post-card{min-height:220px;padding:28px 28px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.post-card:first-child{border-left:1px solid var(--line)}.post-card .eyebrow{font-size:11px}.post-card h3{margin:0 0 12px;font:700 25px/1.35 var(--serif)}.post-card p:not(.eyebrow){margin:0 0 16px;color:var(--muted)}.empty-note{display:flex;gap:28px;max-width:620px;padding:32px 0;border-top:1px solid var(--line);color:var(--muted)}.empty-note span{color:var(--red);font:400 28px var(--serif)}.empty-note p{margin:0}.archive-hero{padding:110px 0 60px;border-bottom:1px solid var(--line)}.archive-hero h1{font-family:var(--serif);letter-spacing:-.06em}.archive-hero>p:last-child{margin:18px 0 0;color:var(--muted);font-size:19px}.archive-list{display:grid;gap:30px;padding:65px 0 110px}.archive-list .skill-card{min-height:300px}.back-link{display:inline-block;margin-bottom:55px;color:var(--red);font-weight:700}.skill-detail{padding:80px 0 120px}.detail-heading{display:grid;grid-template-columns:1fr minmax(370px,.75fr);gap:70px;align-items:end;padding-bottom:70px;border-bottom:1px solid var(--line)}.detail-heading .lead,.article .lead{max-width:680px;margin:25px 0;color:var(--muted);font-size:20px}.detail-cover{width:100%;border:1px solid var(--line);aspect-ratio:1.3;object-fit:cover}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:60px}.detail-grid h2{margin:6px 0 24px;font:700 34px var(--serif)}.feature-list{margin:0;padding-left:28px}.feature-list li{padding:13px 0;border-bottom:1px solid var(--line)}.prompt-card{padding:35px;background:var(--card);border:1px solid var(--line)}.prompt-card>p:not(.eyebrow){color:var(--muted)}pre{white-space:pre-wrap;margin:25px 0;background:#eee8dd;padding:18px;font:13px/1.7 var(--mono);overflow:auto}.copy-button{width:100%}.post-list{padding-bottom:110px}.post-list .post-card{border-left:1px solid var(--line);border-top:1px solid var(--line);border-right:1px solid var(--line);min-height:auto}.post-list .post-card:last-child{border-bottom:1px solid var(--line)}.article{max-width:830px;padding:80px 0 130px}.article header{padding-bottom:52px;border-bottom:1px solid var(--line)}.article h1{font-family:var(--serif);font-size:clamp(44px,6vw,78px);letter-spacing:-.06em}.article-cover{width:100%;margin:48px 0 10px}.article-body{font-size:18px}.article-body p{margin:1.2em 0}.article-body h2,.article-body h3{margin:2em 0 .6em;font-family:var(--serif)}.article-body img{max-width:100%;height:auto}.about-page,.contact-page{padding:100px 0 130px}.about-layout,.contact-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(55px,10vw,150px);align-items:start}.about-page h1,.contact-page h1{font-family:var(--serif);font-size:clamp(53px,6.2vw,88px);letter-spacing:-.08em}.about-page .article-body{max-width:670px;margin-top:40px;color:var(--muted);font-size:19px}.about-facts{margin:45px 0 0}.about-facts div{display:grid;grid-template-columns:105px 1fr;padding:14px 0;border-top:1px solid var(--line)}.about-facts div:last-child{border-bottom:1px solid var(--line)}.about-facts dt{color:var(--red);font-weight:700}.about-facts dd{margin:0}.portrait-block{padding:32px;background:var(--sage);border:1px solid var(--line)}.portrait-block img{width:100%;display:block}.contact-page>p{margin-bottom:30px}.contact-layout>div>p{color:var(--muted);font-size:19px}.contact-note{margin-top:60px;font-size:15px!important}.contact-card{padding:28px;border:1px solid var(--line);background:var(--card);display:grid;grid-template-columns:150px 1fr;gap:27px}.contact-card img{width:100%;background:var(--sage)}.contact-card h2{margin:4px 0 0;font:700 37px var(--serif)}.contact-card p{margin:3px 0 22px!important;color:var(--ink)!important;font:17px var(--serif)}.contact-card i{margin-bottom:18px}.contact-card a{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid var(--line);font-weight:700;pointer-events:none}.contact-card a span{color:var(--muted);font-size:13px;font-weight:400}.site-footer{min-height:92px;padding:0 clamp(24px,5.5vw,80px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:14px}.site-footer a{color:var(--red);font-weight:700}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:800px){.site-header{height:auto;min-height:76px;gap:18px;padding:14px 24px;align-items:flex-start}.brand{font-size:20px;white-space:nowrap}.brand-mark{width:31px;height:31px;font-size:18px}nav{gap:13px;flex-wrap:wrap;justify-content:flex-end;font-size:13px}.section-shell{width:min(100% - 40px,1280px)}.home-hero{padding:100px 0}.home-hero h1{font-size:clamp(44px,13vw,62px)}.hero-intro{font-size:17px}.hero-intro br{display:none}.section-heading{display:block}.section-heading h2{font-size:38px}.all-link{display:inline-block;margin-top:22px}.skill-grid,.post-grid,.detail-grid,.about-layout,.contact-layout{grid-template-columns:1fr}.skill-card{grid-template-columns:1fr;min-height:0}.skill-copy{min-height:300px;padding:30px}.skill-cover{aspect-ratio:1.4}.post-card{border-left:1px solid var(--line);border-top:1px solid var(--line);border-right:1px solid var(--line)}.post-card:last-child{border-bottom:1px solid var(--line)}.detail-heading{grid-template-columns:1fr;gap:32px;padding-bottom:48px}.detail-grid{gap:35px}.archive-hero{padding:80px 0 45px}.skill-detail,.about-page,.contact-page,.article{padding:65px 0 90px}.contact-card{grid-template-columns:115px 1fr;gap:18px}.contact-card h2{font-size:30px}.site-footer{min-height:105px;gap:14px;align-items:flex-start;padding-top:25px;flex-direction:column}}