:root{--night:#151110;--night-2:#211816;--wine:#481d1a;--wine-deep:#2f1110;--gold:#ffc13a;--gold-lite:#ffd77a;--cream:#faf7f0;--paper:#f5f1e7;--paper-2:#ece5da;--ink:#28211e;--subtle:#6e635a;--line:#e4dbcc;--white:#fffefd;--radius:18px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.05em}button{font:inherit}.wrap{width:min(calc(100% - 72px),var(--max));margin:0 auto}.section-pad{padding:112px 0}.dark-top{background:radial-gradient(circle at 74% 31%,#31201a 0,#181211 40%,#13100f 73%);color:#fffaf1;overflow:hidden}.site-header{position:relative;z-index:4;border-bottom:1px solid rgba(255,255,255,.095)}.nav-inner{height:94px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font-size:21px;font-weight:850;letter-spacing:-.065em}.brand img{display:block;width:44px;height:44px;border-radius:11px}.brand-highlight{color:#ffcd59}.brand-dot{color:#ffcd59}.desktop-nav{display:flex;gap:37px;margin-left:auto;margin-right:45px}.desktop-nav a,.nav-github{font-size:13px;font-weight:650;color:#d5c9bb;transition:color .2s}.desktop-nav a:hover,.nav-github:hover{color:var(--gold)}.nav-github{border:1px solid #6b5440;border-radius:999px;padding:11px 18px;color:#fff4d8}.nav-github span{margin-left:10px;color:var(--gold)}.mobile-menu{display:none}.hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;min-height:660px;padding:67px 0 100px;gap:42px}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:850;display:flex;align-items:center;gap:10px}.eyebrow-on-dark{color:#e0be76}.eyebrow-on-light{color:#8b5326}.tiny-orb{width:7px;height:7px;border-radius:50%;background:#ffd068;display:inline-block;box-shadow:0 0 0 4px rgba(255,193,58,.12)}.eyebrow-line{display:inline-block;width:19px;height:1px;background:#a17a42;margin-left:6px}.hero h1{font-size:clamp(54px,5.25vw,83px);line-height:1.055;font-weight:790;letter-spacing:-.075em;margin:32px 0 23px;white-space:nowrap}.hero h1 span{color:#f3efe8}.hero h1 em{color:var(--gold);font-weight:780;font-style:normal}.hero-lede{font-size:17px;line-height:1.85;color:#c4bbb1;max-width:490px;margin:0 0 33px}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.button{border-radius:9px;display:inline-flex;align-items:center;justify-content:space-between;gap:27px;padding:16px 23px;font-size:13px;font-weight:780;min-height:52px;transition:transform .16s,background .16s}.button:hover{transform:translateY(-2px)}.button-gold{background:var(--gold);color:#25170c;box-shadow:0 14px 30px rgba(0,0,0,.12)}.button-gold:hover{background:#ffd573}.button-outline{border:1px solid #6b5548;color:#f1e4d0}.button-outline:hover{background:rgba(255,255,255,.07)}.button-dark{background:#211716;color:white}.hero-footnote{display:flex;align-items:center;gap:12px;color:#766b61;font-size:9px;font-weight:750;letter-spacing:.15em;margin-top:51px}.hero-footnote span:not(.footnote-rule){color:#bb935b}.footnote-rule{height:1px;width:38px;background:#685047}.hero-visual{position:relative;height:506px;display:flex;align-items:center;justify-content:center}.hero-aura{position:absolute;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,#7b3a20 0,rgba(255,176,38,.15) 36%,transparent 69%);filter:blur(29px);opacity:.9}.hero-frame{position:absolute;width:min(88%,442px);aspect-ratio:1;border-radius:47px}.frame-back{background:#44291c;transform:rotate(-11deg) translate(11px,6px);border:1px solid #7a4e27}.frame-front{background:#000;transform:rotate(7deg);padding:10px;box-shadow:0 50px 100px rgba(0,0,0,.4);border:1px solid #57402a;overflow:hidden}.frame-front img{width:100%;height:100%;object-fit:cover;border-radius:35px}.floating-pill{position:absolute;z-index:3;background:#fff9e7;color:#4a2618;padding:12px 19px;border-radius:11px;box-shadow:0 14px 50px #0006;font-size:11px;font-weight:800;letter-spacing:.07em}.pill-top{top:18px;right:2px;display:flex;align-items:center;gap:10px;transform:rotate(7deg)}.pill-bottom{bottom:31px;left:0;transform:rotate(-5deg);letter-spacing:0;font-size:13px}.pill-bottom strong{display:block;color:#a15a19}.visual-grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(to right,#cc8f46 1px,transparent 1px),linear-gradient(to bottom,#cc8f46 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle,black,transparent 72%);pointer-events:none}.traits-bar{border-top:1px solid #3d2e26;background:#1d1614}.traits-content{min-height:84px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.traits-content div{font-size:12px;font-weight:700;color:#b9aba0;letter-spacing:.03em}.traits-content div+div{border-left:1px solid #48362c;padding-left:60px}.traits-content span{font-size:10px;font-weight:850;color:var(--gold);margin-right:18px}.projects{background:var(--cream)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:20px}.section-heading h2,.about h2{font-size:clamp(40px,4.15vw,59px);line-height:1.12;letter-spacing:-.066em;margin:0;font-weight:770}.section-heading h2 em,.about h2 em{color:#b17423;font-style:normal}.section-heading>p{max-width:300px;color:#776c60;line-height:1.7;font-size:14px;margin:0 4px 9px}.featured-project{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:530px;overflow:hidden;border:1px solid #e4d8c6;border-radius:23px;background:#fff;box-shadow:0 16px 40px rgba(90,63,32,.04)}.project-copy{padding:54px 48px 46px}.project-badges{display:flex;gap:8px;flex-wrap:wrap}.badge{font-size:9px;letter-spacing:.14em;font-weight:850;padding:8px 10px;border-radius:5px}.badge-warm{background:#fff1cb;color:#82500c}.badge-muted{background:#f2f0e9;color:#7c7369}.project-copy h3{font-size:clamp(48px,4.45vw,64px);line-height:1.04;margin:25px 0 16px;font-weight:820}.gold-period{color:#d79b28}.project-lede{font-size:17px;font-weight:720;color:#4f3426;margin-bottom:9px}.project-copy>p:not(.project-lede){font-size:14px;line-height:1.8;color:#736860;max-width:430px}.feature-list{list-style:none;margin:26px 0 33px;padding:0;display:grid;gap:12px;font-size:13px;color:#5d534b;font-weight:650}.feature-list li{display:flex;align-items:center;gap:12px}.list-icon{width:18px;height:18px;border-radius:50%;background:#fff0c7;color:#ad7428;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.text-link{display:inline-flex;gap:20px;align-items:center;font-size:13px;font-weight:800;border-bottom:1px solid #b67f30;padding-bottom:8px;transition:gap .2s}.text-link:hover{gap:27px}.text-link span{font-size:17px;color:#ad6e1a}.project-preview{background:linear-gradient(155deg,#2f1716 0,#4a1e1c 50%,#291313 100%);padding:58px 32px 29px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.project-preview:before{content:"";position:absolute;inset:0;opacity:.25;background-image:radial-gradient(circle at 90% 25%,#ab663f,transparent 44%);pointer-events:none}.preview-chrome,.preview-main,.preview-caption{position:relative;z-index:2}.preview-chrome{width:100%;max-width:520px;margin:0 auto;border:1px solid #65504a;border-radius:12px 12px 0 0;background:#241b1a;display:flex;align-items:center;gap:12px;padding:14px 15px;color:#a99891;font-size:8px;font-weight:800;letter-spacing:.11em}.window-dots{display:flex;gap:5px}.window-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#896459}.window-dots i:nth-child(2){background:#ca9254}.window-dots i:nth-child(3){background:#85a17d}.chrome-line{display:block;margin-left:auto;background:#4e3e3c;width:42px;height:6px;border-radius:5px}.preview-main{max-width:520px;width:100%;margin:0 auto;height:320px;background:#f7f5f0;display:flex;box-shadow:0 26px 65px rgba(0,0,0,.28)}.preview-sidebar{width:126px;background:#fffdf8;border-right:1px solid #e8e4dd;padding:22px 11px}.preview-sidebar-mark{font-weight:900;color:#863b2e;font-size:15px;margin:0 0 28px 10px;letter-spacing:-.07em}.preview-side-active,.preview-side-link{font-size:10px;color:#8b8177;padding:11px 7px;display:flex;align-items:center;gap:7px;border-radius:5px}.preview-side-active{background:#fff1d7;color:#5c3f2b;font-weight:750}.preview-small-ico{display:inline-block;width:8px;height:8px;border-radius:3px;border:1.5px solid currentColor}.preview-center{flex:1;min-width:0;padding:31px 21px;color:#362823}.preview-label{display:block;font-size:8px;font-weight:750;letter-spacing:.12em;color:#be9b65;margin-bottom:12px}.preview-center>strong{display:block;font-size:20px;letter-spacing:-.06em;white-space:nowrap}.preview-search{background:white;border:1px solid #eee9dd;padding:11px 13px;border-radius:6px;margin:19px 0 17px;color:#b2a99e;font-size:9px}.preview-search span{font-size:15px;margin-right:8px;color:#967d61}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.preview-grid>div{background:#fffcf8;border:1px solid #eee8df;border-radius:8px;padding:13px}.preview-grid small,.preview-notes>span{font-size:7px;font-weight:800;color:#a0907d;letter-spacing:.1em}.preview-grid b{display:block;font-size:24px;margin:5px 0;color:#684136}.preview-grid>div>span{font-size:8px;color:#a89b8e}.preview-notes{margin-top:19px}.preview-notes p{margin:9px 0 0;font-size:9px;color:#6f5d51;display:flex;align-items:center;gap:6px}.preview-notes i{width:6px;height:6px;border-radius:50%;background:#ceac71}.preview-notes small{margin-left:auto;color:#aa9c8e;font-size:8px}.preview-caption{text-align:right;font-size:9px;letter-spacing:.06em;color:#b89a8d;margin-top:14px}.mini-project{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:29px 33px;margin-top:18px;background:#f0ebe2;border:1px solid #e9e0d3;border-radius:16px}.mini-project>div{display:flex;align-items:center;gap:19px}.mini-orbit{width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:#e4d6c2;color:#9d6426;font-size:33px;font-weight:500}.mini-project h3{font-size:17px;letter-spacing:-.04em;margin-bottom:4px}.mini-project p{font-size:12px;color:#82786e;margin:0}.approach{background:#221817;color:#fff7ec}.section-heading-inverted h2 em{color:var(--gold)}.section-heading-inverted>p{color:#bca9a0}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.principle{min-height:237px;border:1px solid #65483b;border-radius:15px;padding:29px;background:#2b1e1c}.principle-icon{font-size:12px;font-weight:850;color:var(--gold);letter-spacing:.12em}.principle h3{font-size:26px;letter-spacing:-.05em;margin:47px 0 10px}.principle p{color:#b8a9a0;font-size:13px;line-height:1.7;max-width:285px;margin-bottom:0}.about{background:#f5f0e6}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about .eyebrow{margin-bottom:18px}.about-body{padding-top:34px}.about-body p{max-width:490px;line-height:1.9;color:#71675c;font-size:15px}.about-body .button{margin-top:16px}.site-footer{background:#151110;color:#fffaf1;padding-top:46px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:44px}.footer-brand{display:flex;align-items:center;gap:15px}.footer-brand img{width:46px;height:46px;border-radius:10px}.footer-brand strong{font-size:20px;letter-spacing:-.07em}.footer-brand strong span{color:var(--gold)}.footer-brand p{color:#90877f;font-size:11px;margin:5px 0 0}.footer-links{display:flex;gap:27px;flex-wrap:wrap}.footer-links a{font-size:12px;color:#bdada0}.footer-links a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid #322721;display:flex;justify-content:space-between;gap:20px;padding:24px 0 28px;color:#71655c;font-size:10px}.footer-bottom span:last-child{font-size:9px;letter-spacing:.1em}
/* supporting content pages */
.content-hero{background:#181211;color:#fffaf1;padding:74px 0 92px;position:relative;overflow:hidden}.content-hero:after{content:"";width:450px;height:450px;position:absolute;right:-130px;top:-180px;background:radial-gradient(circle,#80502040,transparent 70%);pointer-events:none}.content-hero .eyebrow{margin-bottom:24px}.content-hero h1{font-size:clamp(48px,6vw,79px);line-height:1.07;margin:0 0 25px;max-width:840px}.content-hero h1 em{font-style:normal;color:var(--gold)}.content-hero p{font-size:16px;line-height:1.8;color:#c2b6a9;max-width:700px}.breadcrumb{font-size:12px;color:#bcaea2;margin-bottom:36px}.breadcrumb a:hover{color:var(--gold)}.breadcrumb span{margin:0 10px;color:#6d5b4a}.content-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:85px}.content-main{max-width:780px}.content-main h2{font-size:33px;margin-bottom:17px}.content-main h3{font-size:21px;letter-spacing:-.035em;margin-top:32px}.content-main p,.content-main li{font-size:15px;line-height:1.9;color:#6e635a}.content-main ul{padding-left:20px}.content-main a:not(.button){color:#8c541c;text-decoration:underline;text-underline-offset:4px}.content-section{padding:88px 0}.side-index{align-self:start;position:sticky;top:24px;border-top:2px solid var(--gold);padding-top:18px}.side-index strong{display:block;letter-spacing:.11em;font-size:10px;color:#7e5a2c;margin-bottom:21px}.side-index a{display:block;padding:12px 0;border-bottom:1px solid #e7dfd5;font-size:12px;font-weight:650;color:#6f6359}.side-index a:hover{color:#b27223}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px}.info-card{background:#fff;border:1px solid #e5ddcf;border-radius:13px;padding:26px}.info-card .card-num{color:#b77827;font-weight:800;font-size:12px}.info-card h3{font-size:20px;margin:25px 0 9px;letter-spacing:-.04em}.info-card p{color:#766b5f;font-size:13px;line-height:1.7;margin:0}.notice{padding:19px 22px;background:#fff1cb;border-left:3px solid #dc9a30;border-radius:7px;color:#604223;font-size:13px;line-height:1.7;margin:24px 0}.content-callout{padding:31px 36px;background:#281b19;color:#fff5e8;border-radius:15px;margin-top:39px}.content-callout h3{font-size:25px;margin:0 0 9px;color:#fff7eb}.content-callout p{color:#c6b3a7;margin:0;font-size:14px;line-height:1.8}.content-callout a{color:var(--gold)!important}.policy-details{border-top:1px solid #e4dbcd;margin-top:26px;padding-top:26px}.policy-details h2{font-size:24px!important}.policy-meta{font-size:12px;font-weight:700;color:#807369}.status-chip{border:1px solid #a47c44;border-radius:999px;padding:7px 12px;display:inline-block;margin-bottom:20px;color:#f2d9a4;font-size:10px;letter-spacing:.1em;font-weight:800}
@media(max-width:1050px){.hero{gap:20px}.hero h1{font-size:clamp(46px,5.6vw,68px)}.hero-frame{width:min(89%,370px);border-radius:39px}.frame-front img{border-radius:29px}.hero-visual{height:430px}.pill-bottom{left:-6px}.project-copy{padding:40px 32px}.project-preview{padding:40px 22px 26px}.featured-project{grid-template-columns:.95fr 1.05fr}.preview-sidebar{width:98px}.preview-main{height:300px}.preview-center{padding:24px 12px}.preview-center>strong{font-size:18px}}
@media(max-width:790px){.wrap{width:min(calc(100% - 40px),var(--max))}.section-pad{padding:78px 0}.nav-inner{height:76px}.desktop-nav,.nav-github{display:none}.mobile-menu{display:block;margin-left:auto;position:relative}.mobile-menu summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:8px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{display:block;width:22px;height:2px;background:#ffda8d;border-radius:10px}.mobile-menu nav{position:absolute;right:0;top:45px;background:#291d1b;border:1px solid #655042;min-width:200px;padding:12px;border-radius:10px;box-shadow:0 20px 30px #0006}.mobile-menu nav a{display:block;padding:12px;color:#eee0d0;font-weight:700;font-size:13px}.hero{grid-template-columns:1fr;min-height:0;padding:80px 0 65px;gap:28px}.hero-copy{max-width:640px}.hero h1{font-size:clamp(46px,9vw,72px);white-space:normal}.hero-lede{font-size:16px}.hero-visual{height:430px;max-width:500px;margin:auto;width:100%}.hero-frame{width:min(76%,360px)}.pill-top{right:9px;top:4px}.pill-bottom{bottom:24px;left:8px}.traits-content{grid-template-columns:1fr;min-height:0;padding:15px 0}.traits-content div{padding:12px 0}.traits-content div+div{padding-left:0;border-left:0;border-top:1px solid #3b2c25}.section-heading{align-items:start;flex-direction:column;gap:17px}.section-heading>p{max-width:560px}.featured-project{grid-template-columns:1fr}.project-copy{padding:42px 34px}.project-copy h3{font-size:56px}.project-preview{min-height:490px}.preview-main{height:320px}.mini-project{align-items:start;flex-direction:column}.principles-grid{grid-template-columns:1fr}.principle{min-height:185px}.principle h3{margin-top:22px}.about-layout{grid-template-columns:1fr;gap:20px}.about-body{padding-top:0}.content-layout{grid-template-columns:1fr;gap:25px}.side-index{position:static;display:flex;gap:14px;flex-wrap:wrap}.side-index strong{width:100%;margin:0}.side-index a{border:0;padding:0}.content-grid{grid-template-columns:1fr}.footer-top,.footer-bottom{flex-direction:column;align-items:start}.footer-links{gap:15px 20px}.footer-bottom span:last-child{display:none}}
@media(max-width:430px){.brand{font-size:19px}.brand img{width:38px;height:38px}.hero{padding-top:63px}.eyebrow{font-size:9px;letter-spacing:.1em}.hero h1{font-size:clamp(41px,12vw,54px)}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{justify-content:space-between}.hero-footnote{letter-spacing:.06em;font-size:8px}.hero-visual{height:335px}.hero-frame{width:78%;border-radius:27px}.frame-front{padding:7px}.frame-front img{border-radius:20px}.floating-pill{font-size:9px;padding:9px 11px}.pill-bottom{font-size:10px}.pill-top{right:0}.project-copy{padding:34px 25px}.project-copy h3{font-size:49px}.project-preview{padding:30px 14px 25px;min-height:410px}.preview-chrome{padding:11px 9px;font-size:7px}.preview-sidebar{width:82px;padding:16px 6px}.preview-side-active,.preview-side-link{font-size:8px;padding:10px 4px;gap:3px}.preview-center{padding:21px 9px}.preview-center>strong{font-size:14px}.preview-search{margin:15px 0 12px;font-size:7px;padding:9px}.preview-grid>div{padding:8px}.preview-grid small,.preview-notes>span{font-size:6px}.preview-grid b{font-size:19px}.preview-grid>div>span{font-size:7px}.preview-notes p{font-size:7px}.preview-notes small{font-size:6px}.preview-main{height:282px}.mini-project{padding:20px}.mini-orbit{width:44px;height:44px;flex:0 0 auto}.footer-links{display:grid;gap:15px}.section-heading h2,.about h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.text-link{transition:none}}