*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}html{scroll-behavior:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;background:none;border:none;cursor:pointer;color:inherit}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:var(--ink);color:var(--paper)}:root{--paper: #F4EFE6;--paper-deep: #EDE5D1;--paper-soft: #F8F4EB;--ink: #141414;--ink-soft: #2B2826;--stone: #57534E;--stone-light: #8B857E;--accent: #B33A1E;--accent-deep: #8A2A12;--rule: #D6CEBD;--rule-strong: #B8AD94;--highlight: #E8D9B8;--ff-display: "Fraunces", "Times New Roman", Georgia, serif;--ff-body: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--ff-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--container: 1320px;--px: clamp(20px, 4vw, 64px);--section-pad: clamp(90px, 13vw, 170px)}body{font-family:var(--ff-body);font-size:17px;line-height:1.62;font-weight:400;color:var(--ink);background:var(--paper);overflow-x:hidden;font-feature-settings:"ss01","cv11"}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,rgba(20,20,20,.035) 1px,transparent 1px);background-size:88px 100%;background-position:center top;z-index:1}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.08 0 0 0 0 0.08 0 0 0 0 0.08 0 0 0 0.7 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.32'/></svg>");opacity:.5;mix-blend-mode:multiply;z-index:1}main{position:relative;z-index:2}.container{width:100%;max-width:var(--container);margin:0 auto;padding-left:var(--px);padding-right:var(--px)}.mono-xs{font-family:var(--ff-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--stone);display:inline-block}.tabular{font-variant-numeric:tabular-nums}.tabular-sm{font-variant-numeric:tabular-nums;font-family:var(--ff-mono);font-size:15px;font-weight:500;color:var(--ink)}.accent-dot{color:var(--accent)}.section-label{display:flex;align-items:center;gap:20px;margin-bottom:68px;font-family:var(--ff-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.section-number{color:var(--accent);font-weight:600}.section-rule{flex:0 0 clamp(40px,10vw,140px);height:1px;background:var(--ink);opacity:.45}.section-title{color:var(--ink);font-weight:500}.nav{position:sticky;top:0;z-index:30;background:#f4efe6d9;backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--rule)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px}.nav-mark{display:flex;align-items:baseline;gap:14px}.mark-serif{font-family:var(--ff-display);font-weight:500;font-size:26px;line-height:1;letter-spacing:-.025em;font-variation-settings:"opsz" 144,"SOFT" 30}.mark-meta{font-family:var(--ff-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--stone)}.nav-right{display:flex;align-items:center;gap:30px}.nav-links{display:flex;gap:36px;font-size:14px;font-weight:400}.nav-links a{color:var(--ink);position:relative;padding:4px 0;transition:all .2s ease}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--accent);transition:all .2s ease}.nav-links a:hover{color:var(--accent)}.nav-links a:hover:after{width:100%}.nav-social{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;color:var(--ink);border:1px solid var(--ink);transition:all .2s ease}.nav-social svg{width:18px;height:18px}.nav-social:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}@media (max-width: 860px){.mark-meta{display:none}.nav-links{gap:22px;font-size:13px}.nav-right{gap:22px}}@media (max-width: 640px){.nav-links{display:none}}.hero{padding-top:clamp(72px,10vw,140px);padding-bottom:clamp(72px,10vw,140px);position:relative}.hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}@media (max-width: 960px){.hero-grid{grid-template-columns:1fr}}.hero-main{display:flex;flex-direction:column;gap:30px}.hero-meta{display:flex;align-items:center;gap:12px;font-family:var(--ff-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:600}.hero-meta-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #b33a1e26;animation:pulse 2.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.72)}}.hero-headline{font-family:var(--ff-display);font-weight:300;font-size:clamp(68px,12vw,184px);line-height:.86;letter-spacing:-.038em;font-variation-settings:"opsz" 144,"SOFT" 20;color:var(--ink)}.hero-line{display:block}.hero-line-italic{font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 80;padding-left:clamp(40px,9vw,140px)}.hero-sub{font-family:var(--ff-body);font-size:clamp(16px,1.6vw,19px);color:var(--stone);max-width:52ch;line-height:1.5;font-weight:400}.hero-lede{font-family:var(--ff-display);font-style:italic;font-weight:300;font-size:clamp(22px,2.6vw,32px);line-height:1.32;color:var(--ink-soft);max-width:28ch;font-variation-settings:"opsz" 72,"SOFT" 70;padding-top:18px;border-top:1px solid var(--rule);margin-top:4px}.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}.btn{display:inline-flex;align-items:center;gap:12px;padding:17px 28px;font-family:var(--ff-body);font-size:14px;font-weight:500;letter-spacing:.01em;border-radius:0;transition:all .2s ease;position:relative}.btn-primary{background:var(--ink);color:var(--paper);border:1px solid var(--ink)}.btn-primary:hover{background:var(--accent);border-color:var(--accent)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}.btn-ghost:hover{background:var(--ink);color:var(--paper)}.btn-arrow{transition:all .2s ease;display:inline-block}.btn:hover .btn-arrow{transform:translate(5px)}.hero-card{background:var(--paper-soft);border:1px solid var(--ink);padding:30px 30px 22px;position:relative;box-shadow:10px 10px 0 var(--ink)}.hero-card:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px dashed var(--rule-strong);pointer-events:none}.hero-card-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:12px;margin-bottom:18px;position:relative}.hero-card-head .up{color:var(--accent);font-weight:600}.hero-card-value{font-family:var(--ff-display);font-weight:400;font-size:clamp(32px,3.6vw,42px);line-height:1;letter-spacing:-.025em;font-variation-settings:"opsz" 72,"SOFT" 20;margin-bottom:14px;position:relative}.sparkline{width:100%;height:90px;margin-bottom:18px;position:relative}.hero-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:14px;border-top:1px solid var(--rule-strong);margin-bottom:14px;position:relative}.hero-card-grid>div{display:flex;flex-direction:column;gap:6px}.hero-card-footer{padding-top:10px;border-top:1px dashed var(--rule-strong);text-align:right;position:relative;font-size:10px}.hero-bottom{display:flex;align-items:center;gap:18px;margin-top:clamp(50px,7vw,90px);color:var(--stone)}.hero-bottom-rule{flex:1;height:1px;background:var(--rule-strong)}.about{padding-top:var(--section-pad);padding-bottom:var(--section-pad);border-top:1px solid var(--rule-strong)}.about-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start}@media (max-width: 900px){.about-grid{grid-template-columns:1fr}}.avatar-frame{margin-top:12px;padding:14px 14px 12px;background:var(--paper-soft);border:1px solid var(--ink);display:flex;flex-direction:column;gap:14px;max-width:380px;transform:rotate(-.4deg);box-shadow:8px 8px 0 var(--ink)}.avatar-frame img{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--rule);filter:saturate(.92) contrast(1.04)}.avatar-frame figcaption{text-align:center;border-top:1px dashed var(--rule-strong);padding-top:10px;font-size:10px}.about-col-right{padding-top:clamp(0px,5vw,60px)}.about-body{font-family:var(--ff-body);font-size:clamp(17px,1.32vw,19px);line-height:1.76;color:var(--ink-soft);margin-bottom:28px;max-width:60ch;font-weight:400}.about-body-first:first-line{font-variant:small-caps;letter-spacing:.04em}.drop-cap{float:left;font-family:var(--ff-display);font-weight:400;font-size:76px;line-height:.84;padding:6px 12px 0 0;color:var(--accent);font-variation-settings:"opsz" 144,"SOFT" 40}.about-facts{margin-top:44px;padding-top:30px;border-top:1px solid var(--rule-strong);display:flex;flex-direction:column;gap:16px}.about-facts li{display:grid;grid-template-columns:130px 1fr;gap:24px;align-items:baseline;font-size:15px;color:var(--ink-soft)}@media (max-width: 520px){.about-facts li{grid-template-columns:1fr;gap:4px}}.experience{padding-top:var(--section-pad);padding-bottom:var(--section-pad);border-top:1px solid var(--rule-strong)}.experience-bar{display:flex;align-items:center;gap:clamp(32px,6vw,96px);padding:clamp(30px,5vw,70px) 0 clamp(40px,6vw,80px);flex-wrap:wrap;justify-content:center}.experience-brand{display:flex;align-items:baseline;gap:20px}.brand-index{color:var(--accent);font-weight:600}.brand-name{font-family:var(--ff-display);font-weight:300;font-size:clamp(58px,11vw,156px);line-height:.9;letter-spacing:-.038em;font-variation-settings:"opsz" 144,"SOFT" 20;color:var(--ink);transition:all .2s ease}.experience-brand:hover .brand-name{color:var(--accent)}.brand-italic{font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 80}.experience-divider{width:1px;height:clamp(60px,8vw,130px);background:var(--ink);opacity:.35}.experience-note{text-align:center;color:var(--stone);letter-spacing:.12em}.portfolio{padding-top:var(--section-pad);padding-bottom:var(--section-pad);border-top:1px solid var(--rule-strong)}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px}.project-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,3.4vw,48px)}@media (max-width: 760px){.project-grid-two{grid-template-columns:1fr}}.project-card{background:var(--paper-soft);border:1px solid var(--ink);display:flex;flex-direction:column;transition:all .3s ease;position:relative}.project-card:hover{transform:translate(-5px,-5px);box-shadow:9px 9px 0 var(--ink)}.project-viz-wrap{padding:22px 24px 14px;border-bottom:1px solid var(--rule-strong);background:var(--paper);position:relative}.project-viz-wrap:before{content:"Y";position:absolute;left:10px;top:10px;font-family:var(--ff-mono);font-size:9px;color:var(--stone-light);letter-spacing:.1em}.project-viz-wrap:after{content:"X →";position:absolute;right:10px;bottom:10px;font-family:var(--ff-mono);font-size:9px;color:var(--stone-light);letter-spacing:.1em}.viz{width:100%;height:140px}.project-body{padding:24px 26px 28px;display:flex;flex-direction:column;gap:14px;flex:1}.project-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.tool-chip{padding:5px 11px;background:var(--ink);color:var(--paper);letter-spacing:.1em;font-size:10px}.project-title{font-family:var(--ff-display);font-weight:400;font-size:27px;line-height:1.1;letter-spacing:-.018em;font-variation-settings:"opsz" 72,"SOFT" 30;color:var(--ink)}.project-desc{font-size:15px;line-height:1.62;color:var(--stone);flex:1}.project-link{margin-top:6px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:4px;align-self:flex-start;transition:all .2s ease}.project-link:hover{color:var(--accent);gap:14px;border-color:var(--accent)}.portfolio-disclaimer{display:block;margin-top:44px;text-align:center;color:var(--stone);letter-spacing:.12em;font-style:normal}.skills{padding-top:var(--section-pad);padding-bottom:var(--section-pad);border-top:1px solid var(--rule-strong)}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ink);border:1px solid var(--ink);box-shadow:10px 10px 0 var(--ink)}@media (max-width: 960px){.skill-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.skill-grid{grid-template-columns:1fr}}.skill-cell{background:var(--paper-soft);padding:clamp(30px,3.2vw,44px) clamp(26px,2.8vw,38px);min-height:clamp(240px,26vw,300px);display:flex;flex-direction:column;gap:12px;position:relative;transition:all .3s ease}.skill-cell:nth-child(odd){background:var(--ink);color:var(--paper)}.skill-cell:nth-child(odd) .mono-xs{color:var(--rule)}.skill-cell:nth-child(odd) .skill-index{color:var(--highlight)}.skill-cell:nth-child(odd) .skill-note{color:var(--rule)}.skill-cell:nth-child(odd) .skill-dot{background:var(--accent);box-shadow:0 0 0 4px #e8d9b81f}.skill-cell:nth-child(odd) .skill-rule{background:var(--stone-light);opacity:.55}.skill-cell:nth-child(odd) .skill-kind{color:var(--rule)}.skill-cell:hover{background:var(--accent);color:var(--paper)}.skill-cell:hover .mono-xs,.skill-cell:hover .skill-index,.skill-cell:hover .skill-kind,.skill-cell:hover .skill-note{color:var(--highlight)}.skill-cell:hover .skill-dot{background:var(--paper);box-shadow:0 0 0 4px #f4efe626}.skill-cell:hover .skill-rule{background:var(--highlight);opacity:.6}.skill-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px}.skill-index{font-weight:600;color:var(--accent)}.skill-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #b33a1e1f;transition:all .2s ease}.skill-name{font-family:var(--ff-display);font-weight:300;font-size:clamp(30px,3.4vw,46px);line-height:.94;letter-spacing:-.028em;font-variation-settings:"opsz" 144,"SOFT" 25;margin-top:auto;color:inherit}.skill-note{font-family:var(--ff-display);font-style:italic;font-weight:300;font-size:clamp(15px,1.3vw,17px);line-height:1.4;color:var(--stone);font-variation-settings:"opsz" 72,"SOFT" 85;max-width:26ch}.skill-foot{display:flex;align-items:center;gap:14px;margin-top:10px;padding-top:14px;border-top:1px dashed var(--rule-strong)}.skill-cell:nth-child(odd) .skill-foot{border-top-color:#d6cebd38}.skill-cell:hover .skill-foot{border-top-color:#f4efe659}.skill-rule{flex:1;height:1px;background:var(--rule-strong);transition:all .2s ease}.skill-kind{font-weight:500}.contact{padding-top:var(--section-pad);padding-bottom:var(--section-pad);border-top:1px solid var(--rule-strong)}.contact-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(40px,6vw,90px);align-items:start}@media (max-width: 900px){.contact-grid{grid-template-columns:1fr}}.contact-headline{font-family:var(--ff-display);font-weight:300;font-size:clamp(48px,7.6vw,108px);line-height:.92;letter-spacing:-.035em;font-variation-settings:"opsz" 144,"SOFT" 25;max-width:14ch;margin-top:8px;color:var(--ink)}.contact-italic{font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 90;color:var(--accent)}.contact-availability{margin-top:28px;color:var(--stone);letter-spacing:.12em}.contact-details{border:1px solid var(--ink);background:var(--paper-soft);padding:36px;display:flex;flex-direction:column;gap:24px;box-shadow:8px 8px 0 var(--ink);position:relative}.contact-details:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px dashed var(--rule-strong);pointer-events:none}.contact-row{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:1px dashed var(--rule-strong);position:relative}.contact-row:first-of-type{border-top:none;padding-top:0}.contact-value{font-family:var(--ff-display);font-size:clamp(22px,2.4vw,28px);font-weight:400;letter-spacing:-.012em;color:var(--ink);font-variation-settings:"opsz" 72,"SOFT" 30;line-height:1.15}a.contact-value{transition:all .2s ease}a.contact-value:hover{color:var(--accent)}.contact-link-row{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}.contact-row-icon{width:20px;height:20px;flex-shrink:0;color:var(--stone);transition:all .2s ease}.contact-link-row:hover .contact-row-icon{color:var(--accent);transform:translate(2px)}.contact-cta{margin-top:8px;justify-content:center;position:relative}.footer{padding:36px 0;border-top:1px solid var(--ink);position:relative;z-index:2;background:var(--paper)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--stone)}.footer-rule{flex:1;height:1px;max-width:120px;background:var(--rule-strong)}@media (max-width: 680px){.footer-inner{justify-content:center;text-align:center}.footer-rule{display:none}}.scroll-top{position:fixed;bottom:32px;right:32px;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:var(--paper);color:var(--ink);border:1px solid var(--ink);cursor:pointer;opacity:0;transform:translateY(12px);pointer-events:none;box-shadow:4px 4px 0 var(--ink);z-index:40;transition:opacity .3s ease,transform .3s ease,background .2s ease,color .2s ease}.scroll-top.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.scroll-top:hover{background:var(--ink);color:var(--paper)}.scroll-top svg{width:18px;height:18px}.project-page{position:relative;z-index:2;padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(80px,10vw,140px);border-top:1px solid var(--rule-strong)}.project-detail{max-width:980px;display:flex;flex-direction:column;gap:clamp(48px,6vw,80px)}.back-link{display:inline-flex;align-items:center;gap:10px;font-family:var(--ff-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:4px;align-self:flex-start;transition:all .2s ease}.back-link:hover{color:var(--accent);border-color:var(--accent);gap:14px}.back-link>span{display:inline-block;transition:all .2s ease}.back-link:hover>span{transform:translate(-4px)}.project-detail-header{display:flex;flex-direction:column;gap:22px;padding-bottom:clamp(36px,5vw,56px);border-bottom:1px solid var(--rule-strong)}.project-detail-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.project-detail-title{font-family:var(--ff-display);font-weight:300;font-size:clamp(48px,8.4vw,124px);line-height:.9;letter-spacing:-.035em;font-variation-settings:"opsz" 144,"SOFT" 25;color:var(--ink);max-width:16ch}.project-detail-italic{font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 85}.project-detail-subtitle{font-family:var(--ff-display);font-style:italic;font-weight:300;font-size:clamp(20px,2.2vw,26px);line-height:1.45;color:var(--ink-soft);font-variation-settings:"opsz" 72,"SOFT" 70;max-width:52ch}.project-detail-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:6px}.project-detail-actions-note{color:var(--stone);letter-spacing:.12em}.project-section{display:flex;flex-direction:column;gap:22px}.project-h2{font-family:var(--ff-display);font-weight:400;font-size:clamp(28px,3.4vw,40px);line-height:1.08;letter-spacing:-.022em;font-variation-settings:"opsz" 144,"SOFT" 30;color:var(--ink);padding-bottom:14px;border-bottom:1px solid var(--ink)}.project-p{font-family:var(--ff-body);font-size:clamp(16px,1.2vw,18px);line-height:1.72;color:var(--ink-soft);max-width:64ch}.project-p em{font-family:var(--ff-display);font-style:italic;font-variation-settings:"opsz" 72,"SOFT" 80;color:var(--ink);padding:0 2px}.project-questions{list-style:none;counter-reset:q;display:flex;flex-direction:column;gap:14px;max-width:68ch;padding-top:4px}.project-questions li{counter-increment:q;position:relative;padding-left:56px;font-family:var(--ff-display);font-style:italic;font-weight:400;font-size:clamp(18px,1.6vw,22px);line-height:1.45;color:var(--ink);font-variation-settings:"opsz" 72,"SOFT" 70}.project-questions li:before{content:counter(q,decimal-leading-zero);position:absolute;left:0;top:2px;font-family:var(--ff-mono);font-style:normal;font-size:11px;letter-spacing:.14em;color:var(--accent);font-weight:600;padding:2px 8px;border:1px solid var(--accent)}.findings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:6px}@media (max-width: 720px){.findings-grid{grid-template-columns:1fr}}.finding-card{border:1px solid var(--ink);background:var(--paper-soft);padding:clamp(22px,2.2vw,30px);display:flex;flex-direction:column;gap:12px;transition:all .3s ease;position:relative}.finding-card:hover{transform:translate(-4px,-4px);box-shadow:7px 7px 0 var(--ink)}.finding-index{color:var(--accent);font-weight:600}.finding-title{font-family:var(--ff-display);font-weight:400;font-size:clamp(20px,1.9vw,24px);line-height:1.18;letter-spacing:-.015em;font-variation-settings:"opsz" 72,"SOFT" 30;color:var(--ink)}.finding-body{font-size:15px;line-height:1.62;color:var(--stone)}.project-callout{background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:clamp(32px,4vw,56px);display:flex;flex-direction:column;gap:20px;box-shadow:10px 10px 0 var(--accent);position:relative}.project-callout .callout-label{color:var(--highlight);font-weight:600}.project-callout .callout-title{font-family:var(--ff-display);font-weight:300;font-size:clamp(26px,3.2vw,38px);line-height:1.1;letter-spacing:-.022em;font-variation-settings:"opsz" 144,"SOFT" 25;color:var(--paper);max-width:22ch}.callout-italic{font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 90;color:var(--accent)}.project-callout .project-p{color:var(--rule);max-width:62ch}.project-callout .project-p em{color:var(--highlight)}.callout-code{font-family:var(--ff-mono);font-size:.86em;padding:2px 7px;background:#f4efe614;border:1px solid rgba(214,206,189,.25);color:var(--highlight);letter-spacing:.01em;white-space:nowrap}.project-callout strong{font-family:var(--ff-display);font-style:italic;font-weight:500;color:var(--paper);font-variation-settings:"opsz" 72,"SOFT" 70;letter-spacing:.005em}.callout-quote{font-family:var(--ff-display);font-style:italic;font-weight:300;font-size:clamp(18px,1.8vw,22px);line-height:1.5;color:var(--highlight);border-left:2px solid var(--accent);padding:6px 0 6px 22px;max-width:48ch;font-variation-settings:"opsz" 72,"SOFT" 80;margin-top:6px}.methodology-list{list-style:none;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--rule-strong)}.methodology-list li{display:grid;grid-template-columns:120px 1fr;gap:28px;padding:22px 0;border-bottom:1px solid var(--rule-strong);font-size:clamp(15px,1.2vw,17px);line-height:1.65;color:var(--ink-soft);align-items:baseline}.methodology-list li>.mono-xs{color:var(--accent);font-weight:600;padding-top:2px}.methodology-list strong{font-family:var(--ff-display);font-weight:500;font-size:clamp(17px,1.35vw,19px);color:var(--ink);font-variation-settings:"opsz" 72,"SOFT" 30;margin-right:4px}@media (max-width: 600px){.methodology-list li{grid-template-columns:1fr;gap:8px}}.future-list{list-style:none;display:flex;flex-direction:column;gap:14px;max-width:68ch}.future-list li{position:relative;padding-left:26px;font-size:clamp(15px,1.2vw,17px);line-height:1.68;color:var(--ink-soft)}.future-list li:before{content:"→";position:absolute;left:0;top:1px;color:var(--accent);font-weight:600}.screenshots{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.screenshots-two{grid-template-columns:1fr;gap:36px}@media (max-width: 820px){.screenshots{grid-template-columns:1fr}}.screenshot{display:flex;flex-direction:column;gap:10px}.screenshot-frame{aspect-ratio:4 / 3;border:1px solid var(--ink);background:repeating-linear-gradient(45deg,var(--paper-soft) 0 14px,var(--paper-deep) 14px 28px);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:6px 6px 0 var(--ink);transition:all .3s ease}.screenshot-frame:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px dashed var(--rule-strong)}.screenshot-frame:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink)}.screenshot-frame .mono-xs{background:var(--paper);padding:6px 12px;border:1px solid var(--ink);color:var(--ink);position:relative}.screenshot-frame-img{display:block;aspect-ratio:auto;padding:10px;background:var(--paper-soft);overflow:hidden}.screenshot-frame-img:before{top:4px;right:4px;bottom:4px;left:4px;border-color:var(--rule)}.screenshot-frame-img img{width:100%;height:auto;display:block;position:relative;transition:transform .4s ease}.screenshot-frame-img:hover img{transform:scale(1.01)}.screenshot figcaption{color:var(--stone);padding-top:4px}.project-detail-foot{margin-top:clamp(24px,4vw,48px);padding-top:clamp(28px,4vw,48px);border-top:1px solid var(--rule-strong);display:flex}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}html{scroll-behavior:auto}}