:root{color-scheme:light;--bg: #faf6ef;--surface: #ffffff;--surface-wash: rgba(255, 255, 255, .42);--text: #211f1a;--muted: #6e675c;--line: #e7dfd1;--line-strong: #d9cfbc;--accent: #c9871f;--accent-readable: #9f6514;--accent-soft: rgba(201, 135, 31, .06);--ink-blue: #2e3a59;--shadow: 0 16px 36px -18px rgba(33, 31, 26, .3);--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--display: "Fraunces", Georgia, serif;--mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;font-family:var(--sans)}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 16% 12%,rgba(201,135,31,.08),transparent 28rem),var(--bg);font-family:var(--sans);line-height:1.85}a{color:inherit}svg{display:block}h1,h2,h3,p,li,span,dd{overflow-wrap:anywhere}h1,h2,h3{margin:0;letter-spacing:.04em}h1{font-family:var(--serif);font-size:3.7rem;font-weight:600;line-height:1.58}h2{font-family:var(--serif);font-size:1.8rem;font-weight:700;line-height:1.6}h3{font-family:var(--serif);font-size:1.55rem;font-weight:700;line-height:1.5}.hex-mark{color:var(--accent);flex:0 0 auto}.page-shell{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:#faf6efd6;backdrop-filter:saturate(1.1) blur(8px)}.site-header,.site-footer{width:100%}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px max(28px,calc((100% - 1080px)/2))}.brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none}.brand:hover{opacity:.78}.brand-text{font-family:var(--display);font-size:1.2rem;font-weight:500;letter-spacing:.07em;white-space:nowrap}.site-nav{display:flex;align-items:center;gap:30px}.site-nav a{position:relative;padding:4px 0;color:var(--text);font-size:.9rem;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--accent)}.site-nav a[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--accent)}.hero,.section{width:min(100% - 56px,880px);margin-inline:auto}.hero{display:grid;min-height:640px;align-items:center;padding:86px 0 72px}.hero-copy{max-width:880px}.screen-label{display:flex;align-items:center;gap:13px;margin-bottom:30px;font-family:var(--mono);font-size:.72rem;letter-spacing:.3em;color:var(--muted)}.screen-label.compact{margin-bottom:16px;letter-spacing:.2em}.lead{max-width:640px;margin:30px 0 0;color:var(--muted);font-family:var(--serif);font-size:1.15rem;line-height:1.95}.profile-line{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin:32px 0 0;color:var(--muted);font-family:var(--mono);font-size:.78rem}.profile-line span:first-child{color:var(--text)}.profile-line i{width:5px;height:5px;background:var(--line);transform:rotate(45deg)}.now{width:fit-content;display:inline-flex;align-items:center;gap:10px;margin:30px 0 0;padding:8px 16px 8px 12px;border:1px solid var(--accent);border-radius:999px;background:var(--accent-soft);color:var(--text);font-size:.86rem}.now span{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:shb-pulse 1.8s ease-in-out infinite}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:42px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 26px;border:1px solid transparent;border-radius:2px;font-weight:600;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease}.button:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.button.primary{background:var(--accent-readable);color:#fff}.button.dark{background:var(--text);color:#fff}.button.dark:hover{background:var(--accent)}.button.secondary{border-color:var(--line-strong);background:transparent;color:var(--text)}.button.disabled{border-color:var(--line);background:#ffffff8f;color:var(--muted);cursor:not-allowed}.button.disabled:hover{transform:none;box-shadow:none}.section{padding:56px 0 64px}.section-heading{margin-bottom:28px}.section-copy{margin:14px 0 0;color:var(--muted);font-size:.92rem}.skill-grid{display:grid;border-top:1px solid var(--line)}.skill-panel{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:12px 24px;padding:18px 2px;border-bottom:1px solid var(--line)}.skill-panel h3{color:var(--muted);font-family:var(--mono);font-size:.74rem;font-weight:500;letter-spacing:.14em}.skill-chips{display:flex;flex-wrap:wrap;gap:9px}.skill-chips span{padding:6px 13px;border:1px solid var(--line);border-radius:2px;background:var(--surface);color:var(--text);font-family:var(--mono);font-size:.82rem;transition:border-color .2s ease}.skill-chips span:hover{border-color:var(--accent)}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}.works-grid.single{grid-template-columns:minmax(0,1fr)}.works-section{width:min(100% - 56px,1080px)}.work-card{display:block;padding:32px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:inherit;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.pickup-card{width:100%;padding:clamp(22px,3vw,30px);border-radius:5px}.pickup-card-inner{display:flex;align-items:flex-start;gap:18px}.pickup-copy{flex:1 1 auto;min-width:0}.pickup-copy .product-number{display:block;margin-bottom:6px}.pickup-copy h3{margin-bottom:10px;font-size:1.4rem}.pickup-copy p{max-width:560px;margin:0 0 16px;line-height:1.85}.pickup-more{align-self:center;flex:0 0 auto;color:var(--accent-readable);font-family:var(--mono);font-size:.82rem}.work-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:var(--shadow)}.work-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.product-icon{position:relative;width:52px;height:56px;color:var(--accent)}.product-icon.small{width:48px;height:52px;flex:0 0 48px}.product-icon span{position:absolute;inset:0;display:grid;place-items:center;color:var(--text);font-family:var(--serif);font-size:1.35rem;font-weight:700}.product-number{color:var(--muted);font-family:var(--mono);font-size:.66rem;letter-spacing:.18em}.work-card p{margin:14px 0 0;color:var(--muted);font-size:.93rem;line-height:1.95}.tech-list{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.tech-list span{padding:5px 11px;border:1px solid var(--line);border-radius:2px;color:var(--ink-blue);font-family:var(--mono);font-size:.72rem}.tech-list.compact{margin:0}.tech-list.compact span{padding:4px 10px}.work-card-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid var(--line)}.work-card-foot span{color:var(--muted);font-family:var(--mono);font-size:.68rem}.text-link{flex:0 0 auto;color:var(--accent);font-family:var(--mono);font-size:.82rem;text-decoration:none}.more-link-row{display:flex;justify-content:flex-end;margin-top:20px}.more-link-row a{color:var(--muted);font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;text-decoration:none}.more-link-row a:hover{color:var(--accent)}.page-hero,.content-stack{width:min(100% - 56px,720px);margin-inline:auto}.page-hero{padding:72px 0 28px}.page-hero h1{font-size:2.35rem;line-height:1.6}.page-hero .lead{max-width:none;margin-top:18px;color:var(--text);font-size:1.45rem;font-weight:600}.profile-note{margin:12px 0 0;color:var(--muted);font-family:var(--mono);font-size:.75rem}.content-stack{display:grid;gap:52px;padding:28px 0 96px}.text-section h2,.business-section h2{color:var(--accent);font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.2em}.text-section p,.plain-list{margin:14px 0 0;color:var(--text);font-size:.98rem;line-height:2.05}.plain-list{padding-left:1.2rem}.business-section{padding:32px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.business-section h2{color:var(--muted)}.info-table{display:grid;gap:14px 24px;grid-template-columns:minmax(90px,120px) minmax(0,1fr);margin-top:20px}.info-row{display:contents}.info-row>div{color:var(--text);font-size:.92rem}.info-label{color:var(--muted)!important;font-family:var(--mono);font-size:.72rem!important;letter-spacing:.1em}.contact-band{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:36px;border-top:1px solid var(--line)}.contact-page{width:min(100% - 56px,720px);margin-inline:auto;padding:72px 0 120px}.contact-page h1{font-size:2.4rem;line-height:1.6}.contact-lead{max-width:560px;margin:20px 0 12px;color:var(--text);font-size:.98rem;line-height:2.05}.reply-note{margin:0 0 40px;color:var(--muted);font-family:var(--mono);font-size:.75rem}.contact-card{padding:clamp(28px,4vw,40px);border:1px solid var(--line);border-radius:6px;background:var(--surface);text-align:center}.contact-card .hex-mark{margin:0 auto 22px}.contact-card p{margin:0 0 24px;color:var(--text);font-family:var(--serif);font-size:1.1rem}.contact-band .screen-label{margin-bottom:12px}.contact-band h2{font-size:1.18rem}.contact-band p{margin:10px 0 0;color:var(--muted)}.empty-work-slot{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;border:1px dashed var(--line-strong);border-radius:6px;color:var(--muted);text-align:center}.blog-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px;border:1px dashed var(--line-strong);border-radius:6px;background:var(--surface);color:var(--muted);text-align:center}.blog-empty .hex-mark{margin-bottom:14px;animation:shb-float 5s ease-in-out infinite}.blog-empty p{margin:0 0 6px;font-family:var(--mono);font-size:.68rem;letter-spacing:.16em}.blog-empty span{font-family:var(--serif);font-size:.95rem}.empty-work-slot .hex-mark{margin-bottom:16px;animation:shb-float 5s ease-in-out infinite}.empty-work-slot p{margin:0;font-family:var(--mono);font-size:.68rem;letter-spacing:.16em}.empty-work-slot span{margin-top:8px;font-family:var(--serif);font-size:.95rem}.site-footer{border-top:1px solid var(--line);background:var(--surface-wash)}.footer-main,.copyright{width:min(100% - 56px,1080px);margin-inline:auto}.footer-main{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;padding:40px 0}.footer-brand{display:flex;align-items:center;gap:12px}.footer-name,.footer-copy,.copyright{margin-block:0}.footer-name{font-family:var(--display);font-size:1rem;font-weight:600;letter-spacing:.03em}.footer-copy,.copyright{color:var(--muted);font-family:var(--mono);font-size:.68rem;letter-spacing:.08em}.footer-nav{display:flex;flex-wrap:wrap;align-items:center;gap:22px}.footer-nav a{color:var(--text);font-size:.82rem;text-decoration:none}.footer-nav a:hover{color:var(--accent)}.footer-x{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:.75rem!important;letter-spacing:.08em}.copyright{padding:20px 0 32px;border-top:1px solid var(--line)}@keyframes shb-pulse{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}@keyframes shb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(max-width:820px){.site-header{align-items:flex-start;flex-direction:column}.site-nav{width:100%;justify-content:space-between;gap:12px}.hero{min-height:auto;padding-top:64px}h1{font-size:2.6rem}.page-hero .lead{font-size:1.25rem}.contact-band,.work-card-foot,.pickup-card-inner{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.site-header,.hero,.section,.page-hero,.contact-page,.content-stack,.footer-main,.copyright{width:auto;margin-inline:0}.site-header{padding-inline:20px}.hero,.section,.page-hero,.contact-page,.content-stack{padding-inline:24px}h1{font-size:2.05rem}h2{font-size:1.55rem}.brand-text{white-space:normal}.screen-label{align-items:flex-start;font-size:.68rem;line-height:1.7}.skill-panel,.info-table,.works-grid{grid-template-columns:1fr}.work-card,.business-section{padding:24px}.footer-main,.copyright{padding-inline:24px}}