/* Readable surfaces remain stable when the photograph or video changes. */
.personal-nav{background:#eee9df;backdrop-filter:none}.personal-nav nav a{min-height:44px;display:flex;align-items:center;padding-block:0}
.home-page .path-number{color:#fff;background:#17211c;padding:8px 11px;line-height:1;font-size:12px;z-index:2}
.home-page .path-project{color:#fff;text-shadow:0 2px 12px #0008;z-index:2}
.home-page .path-image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#08120ee6);pointer-events:none}
.home-page .path-copy span,.home-page .eyebrow,.home-page .section-top,.home-page .hero-meta,.home-page .about-facts span{font-size:12px;line-height:1.6;letter-spacing:.08em}
.home-page .personal-name{margin-top:32px}.home-page .path-copy p{color:#384235}.home-page .hero-index{font-size:12px}
.ai-page .hero-script{color:#ff8369;text-shadow:0 2px 18px #000b}.ai-page .world-shade{background:linear-gradient(90deg,#08100bb3,#08100b35),linear-gradient(0deg,#08100b99,transparent 65%)}
.ai-page .hero-coordinates span,.ai-page #identity,.ai-page .hero-side{background:#101712e8;color:#fff;padding:8px 10px;width:fit-content;text-shadow:none}
.ai-page .hero-controls,.ai-page .enter-work>span{background:#111911ed;color:#fff;padding:10px 14px}
.ai-page .project-worlds .project-title{background:#101712ed;padding:14px 18px;max-width:calc(100% - 56px)}
.ai-page .project-tag{background:#eee9df;color:#17211c;padding:7px 10px;opacity:1;font-size:11px!important;max-width:calc(100% - 48px)!important}
.ai-page .section-label,.ai-page .proof-kicker,.ai-page .featured-copy dt{font-size:12px;opacity:1}
.ai-page .hero-coordinates,.ai-page #identity{font-size:11px}.ai-page .project-caption>span{color:#d7d9ca}
.ai-page .brief-button{min-height:48px}.ai-page .social-system-art{top:66px}.ai-page .social-system-art .episode-lines{gap:2px}
.ai-page .project-visual .project-title{z-index:3}.ai-page .project-visual .project-tag{z-index:4}
.sulin-page{--muted:#60584e;--gold:#805315}.sulin-page .kicker,.sulin-page figcaption,.sulin-page .story-cover figcaption{font-size:12px;line-height:1.6}.sulin-page .gift-story em{color:#e9c28a}.sulin-page .identity-signature small{font-size:13px;color:#60584e}
.sulin-page .hub-feature{--muted:#c8c3b8}.sulin-page .story-cover{padding-top:60px}.sulin-page .story-footer p{font-size:12px}
@media(max-width:760px){.home-page .hero-meta,.home-page .section-top{font-size:10px}.personal-nav nav{gap:0 8px;font-size:11px}.ai-page .hero-coordinates{font-size:10px}.ai-page .hero-coordinates span{padding:6px}.ai-page .hero-side{display:none}.ai-page .project-worlds .project-title{padding:12px}.sulin-page .story-cover{padding-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
.ai-page .personal-nav{background:#eee9df}.ai-page .wardrobe-identity{color:#fff;background:#17211cf2;padding:8px 12px;width:fit-content}.ai-page .stack-core{color:#171c16}.ai-page .capability-list li span{color:#454d3e}.ai-page .process-panel .eyebrow,.ai-page .process-panel small{color:#251b13;opacity:1}
.portfolio-context{max-width:1156px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:32px;padding:28px 24px;border-block:1px solid #20271f35}.portfolio-context span{font:11px/1.6 Arial,sans-serif;letter-spacing:.08em;color:#60584e}.portfolio-context p{font:15px/1.65 Arial,sans-serif;margin:10px 0 0;color:#20271f}.portfolio-contact{padding:70px max(24px,calc((100vw - 1156px)/2));background:#222c24;color:#eee9df}.portfolio-contact h2{font-size:clamp(40px,5vw,70px);line-height:1.1;margin:25px 0}.portfolio-contact h2 em{color:#ddc194}.portfolio-contact p{font-size:17px;line-height:1.6}.portfolio-contact .contact-links a{color:#eee9df}.portfolio-contact .contact-links a:hover{color:#222c24}.ai-page .brief-button{margin-bottom:16px}@media(max-width:760px){.portfolio-context{grid-template-columns:1fr;gap:20px;padding:26px 22px}.portfolio-contact{padding:48px 22px}.portfolio-contact .contact-links{gap:12px}}
.sulin-page .portfolio-contact .eyebrow{color:#ddc194;font-size:12px}
.decision-proof{padding:38px 0;border-block:1px solid #86947c66;margin:40px 0}.decision-proof h3{font-size:clamp(32px,4vw,52px);line-height:1.1;margin:18px 0 30px}.evidence-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.evidence-steps article{border-top:1px solid #85908266;padding-top:18px;min-width:0}.evidence-steps article>span{font:11px/1.6 Arial,sans-serif;letter-spacing:.09em}.evidence-steps h4{font-size:21px;line-height:1.3;margin:15px 0}.evidence-steps p{font:16px/1.7 Arial,sans-serif;margin:12px 0}.decision-proof details{margin-top:26px}.decision-proof summary{cursor:pointer;padding:16px 0;min-height:44px}.decision-proof details p{max-width:760px;line-height:1.7}.daylight-proof{margin:40px 0 50px;background:#f5f2ea;border:1px solid #55635155;padding:32px;color:#20271f}.daylight-proof .eyebrow{margin-bottom:14px}.daylight-proof h3{margin:0 0 18px}.evidence-heading p{max-width:750px;font-size:17px}.evidence-table-wrap{overflow-x:auto;margin:25px 0}.daylight-proof table{width:100%;border-collapse:collapse;font:16px/1.5 Arial,sans-serif;text-align:left}.daylight-proof caption{text-align:left;font-size:12px;padding:12px 0}.daylight-proof th,.daylight-proof td{padding:16px 12px;border-bottom:1px solid #55635140}.daylight-proof thead{background:#e5e7dd}.daylight-proof .selected-scenario{background:#24463b;color:#fff}.selected-scenario small{display:block;font-weight:400;font-size:12px}.metric-key{font-size:13px;line-height:1.7;max-width:800px;margin:25px 0}.delivery-status{max-width:1156px;margin:32px auto;padding:28px 24px;background:#e7e3d8;color:#20271f}.delivery-status h2{font-size:32px;margin:0 0 24px}.delivery-status .evidence-steps h3{font:600 20px/1.3 Arial,sans-serif;margin:14px 0}.delivery-status .status-label{font-size:11px;color:#405342}@media(max-width:760px){.evidence-steps{grid-template-columns:1fr;gap:20px}.daylight-proof{padding:20px}.daylight-proof th,.daylight-proof td{font-size:14px;padding:12px 8px}.daylight-proof thead th{font-size:12px}.delivery-status{margin:24px 20px;padding:24px}.decision-proof{margin:28px 0}.daylight-proof .text-action{font-size:13px}}
/* Problem-led portfolio: shared narrative, distinct project evidence. */
.thinking-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;padding:44px 7% 56px;border-top:1px solid #20271f35;background:#eee9df;color:#20271f}.thinking-strip article{min-width:0}.thinking-strip span{font:12px/1.5 Arial,sans-serif;letter-spacing:.09em}.thinking-strip h2{font:400 27px/1.2 Arial,sans-serif;margin:18px 0 12px;letter-spacing:-.03em}.thinking-strip p{font:16px/1.7 Arial,sans-serif;max-width:360px;margin:0}.home-page .hero-index{font-size:12px}.home-page .hero-meta{font-size:12px}.home-page .path-copy span{font-size:11px}.home-page .architecture-card{grid-column:auto}.home-page .path-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.home-page .path-image,.home-page .architecture-card .path-image{height:390px}.home-page .path-project,.home-page .architecture-card .path-project{font-size:60px}.home-page .tommie-card .path-project{font-size:44px}.home-page .path-copy h2{font-size:22px;line-height:1.2}.home-page .path-copy p{font-size:16px}.home-page .architecture-card img{object-position:51% center}.home-page .personal-hero h1{font-size:clamp(56px,7.6vw,114px)}
.sulin-system-cover{max-width:1280px;padding:55px 32px 45px;margin:auto}.system-cover-heading{display:grid;grid-template-columns:1.2fr 1fr;column-gap:70px;align-items:end;margin-bottom:38px}.system-cover-heading .kicker{grid-column:1/-1;margin:0 0 23px}.system-cover-heading h1{font-size:clamp(58px,6.5vw,90px);line-height:.98;letter-spacing:-.04em;margin:0}.system-cover-heading>p:last-child{font-size:18px;line-height:1.7;color:#60584e;max-width:460px;margin:0 0 5px}.sulin-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.system-cover-card{display:flex;flex-direction:column;min-width:0;text-decoration:none;color:#251f17;border:1px solid #70634f50;background:#eee8dd;transition:transform .2s}.system-cover-card:hover{transform:translateY(-4px)}.system-cover-card:focus-visible{outline:3px solid #805315;outline-offset:5px}.system-cover-card figure{margin:0;height:265px;overflow:hidden;background:#15110c}.system-cover-card img{width:100%;height:100%;object-fit:cover;display:block}.system-cover-card .cover-store img{height:225px;object-position:top;object-fit:cover}.system-cover-card figure figcaption{font:12px/1.5 Arial,sans-serif;color:#dac7a7;padding:10px 14px}.system-cover-card>div{padding:24px;display:flex;flex:1;flex-direction:column}.system-cover-card>div>span{font:12px/1.5 Arial,sans-serif;letter-spacing:.055em;color:#694714}.system-cover-card h2{font:600 32px/1.1 Cormorant,Georgia,serif;margin:14px 0}.system-cover-card p{font:16px/1.65 Arial,sans-serif;color:#60584e;margin:0 0 22px}.system-cover-card>div>b{font:14px/1.6 Arial,sans-serif;margin-top:auto;text-decoration:underline;text-underline-offset:6px}.system-cover-card .cover-hub{padding:22px 18px 0;background:#26352f;color:#f5f0e7;box-sizing:border-box}.cover-hub-name{font:20px/1.2 Arial,sans-serif;letter-spacing:.08em;margin-bottom:20px}.cover-hub-name strong{color:#e2bd78;font-weight:400}.cover-hub-row{display:flex;flex-direction:column;gap:5px;border-top:1px solid #c8d0c64a;padding:9px 0;font:13px/1.4 Arial,sans-serif}.cover-hub-row b{font-weight:400;color:#d4c5aa}.system-cover-card .cover-hub figcaption{padding:7px 0;font-size:12px;color:#d7ded6}.sulin-page .hub-premise p{font-size:clamp(22px,3vw,36px);line-height:1.4}.ai-page .featured-copy dd{line-height:1.65}.ai-page .featured-copy dl{margin-top:24px}
@media(max-width:1000px){.home-page .path-grid{grid-template-columns:1fr 1fr}.home-page .architecture-card{grid-column:1/-1}.home-page .architecture-card .path-image{height:390px}.sulin-three{gap:14px}.system-cover-card>div{padding:19px}.system-cover-card figure{height:240px}.system-cover-card .cover-store img{height:200px}.system-cover-card .cover-hub{padding:16px 14px 0}.cover-hub-name{margin-bottom:12px}.cover-hub-row{font-size:12px;padding:7px 0}.system-cover-heading{gap:24px}.system-cover-card h2{font-size:29px}}
@media(max-width:760px){.thinking-strip{grid-template-columns:1fr;gap:25px;padding:32px 7% 42px}.thinking-strip article+article{border-top:1px solid #20271f30;padding-top:25px}.thinking-strip p{max-width:none}.home-page .hero-meta{font-size:11px}.home-page .hero-index{gap:12px;font-size:11px}.home-page .hero-index i{width:24px}.home-page .path-grid{grid-template-columns:1fr}.home-page .architecture-card{grid-column:auto}.home-page .personal-hero h1{font-size:clamp(50px,9vw,72px)}.sulin-system-cover{padding:34px 22px}.system-cover-heading{grid-template-columns:1fr;gap:22px;margin-bottom:26px}.system-cover-heading .kicker{margin:0;font-size:12px}.system-cover-heading h1{font-size:62px}.system-cover-heading>p:last-child{font-size:17px}.sulin-three{grid-template-columns:1fr;gap:24px}.system-cover-card figure{height:280px}.system-cover-card .cover-store img{height:240px}.system-cover-card .cover-hub{padding:24px}.cover-hub-name{margin-bottom:20px;font-size:23px}.cover-hub-row{font-size:14px;padding:10px 0}.system-cover-card>div{padding:24px}.system-cover-card h2{font-size:36px}.system-cover-card .cover-hub figcaption{padding-top:12px}.sulin-page .hub-premise p{font-size:24px}}
@media(prefers-reduced-motion:reduce){.system-cover-card{transition:none}.system-cover-card:hover{transform:none}}
.system-cover-card figure{height:305px}.system-cover-card:first-child img{object-fit:contain}.system-cover-card .cover-store img{height:265px}.system-cover-card .cover-hub{display:flex;flex-direction:column}.system-cover-card .cover-hub figcaption{margin-top:auto;padding-bottom:12px}.cover-hub-row{flex-shrink:0}@media(max-width:1000px) and (min-width:761px){.system-cover-card figure{height:265px}.system-cover-card .cover-store img{height:225px}.cover-hub-name{font-size:18px}}@media(max-width:760px){.system-cover-card figure{height:320px}.system-cover-card .cover-store img{height:280px}}