/* Architectural portfolio: the approved Six Work Samples palette and geometry. */
:root{--ink:#f2e8d6;--paper:#101110;--muted:#bcb9ae;--line:#454740;--soft:#1b1e1a;--forest:#cf9e47;--rust:#e59d76;--gold:#d2a34f;--ivory:#f2e8d6;--petrol:#23525b}
body{background:var(--paper);color:var(--ink)}
html{scroll-padding-top:25px}
.wrap{max-width:1280px;padding:0 54px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#efbc63}
.topbar{min-height:94px;padding:23px 0;border-color:#57594d;gap:30px}
.brand{font-size:15px;letter-spacing:.09em;display:inline-flex;gap:14px;align-items:center;white-space:nowrap}
.brand:before{content:'';display:inline-block;width:22px;height:28px;background:linear-gradient(90deg,#cf9e47 0 30%,transparent 30% 37%,#c66737 37% 67%,transparent 67% 74%,#31707a 74%);border-bottom:1px solid #f2e8d6}
.nav{gap:28px;font-size:12px;letter-spacing:.04em}.nav a{padding:7px 0}.nav a:hover{color:#efbc63}
.label,.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.17em;line-height:1.65}
h1:not(.name),h2,h3{color:inherit}
.button{border-color:var(--gold);background:var(--gold);color:#171b17;padding:13px 23px;transition:background .15s,color .15s}
.button.secondary{color:var(--ivory);background:transparent;border-color:#77786a}
.button:hover{background:#eed19a;color:#101110;border-color:#eed19a}
.button.secondary:hover{background:#252920;color:var(--ivory);border-color:var(--gold)}
.architect-hero{display:grid;grid-template-columns:1.13fr 1fr;gap:10px;align-items:center;padding:66px 0 52px;min-height:650px}
.hero-copy{position:relative;z-index:1;padding-right:10px}.hero-copy .eyebrow{margin:0 0 27px}
.hero-copy h1{font-family:Raleway,Arial,sans-serif;font-weight:400;font-size:clamp(3rem,5.4vw,4.6rem);letter-spacing:-.055em;line-height:1.09;margin:0 0 28px}
.hero-copy h1 em{font-style:normal;color:#e3b45e}.hero-deck{max-width:440px;font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 30px}
.hero-copy .actions{gap:13px}.hero-byline{display:flex;align-items:center;gap:13px;margin-top:42px;font-size:12px;color:var(--muted)}
.hero-byline img{width:43px;height:43px;border-radius:50%;object-fit:cover;filter:saturate(.75)}.hero-byline strong{color:var(--ivory);display:block;font-size:13px;letter-spacing:.025em}
.architect-art{margin:-10px -20px 0 -15px;align-self:center}.architect-art img{display:block;width:100%;height:auto}
.proof-strip{grid-template-columns:1.2fr 1fr 1fr;background:transparent;border-color:#57594d;padding:27px 0 30px;margin:0 0 86px;gap:40px}
.proof-strip>div+div{border-left:1px solid #57594d;padding-left:36px}.proof-strip strong{font-family:Georgia,serif;font-size:26px;font-weight:400;margin-bottom:6px}.proof-strip span{color:var(--muted);font-size:12px}
.section-title{font-family:Raleway,Arial,sans-serif;font-weight:400;text-transform:none;letter-spacing:-.035em;font-size:44px;line-height:1.15;border:0;padding:0;margin:0}
.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;border-bottom:1px solid #57594d;padding-bottom:25px;margin-bottom:28px}.section-heading .label{margin:0 0 12px}.section-heading p:last-child{max-width:430px;font-size:14px;color:var(--muted);margin:0}
.work-intro{color:var(--muted)}.work-categories{margin:0 0 35px;gap:16px}.work-categories span{padding:0 0 6px;border:0;border-bottom:1px solid #726d59;color:#c7c4b8;font-size:11px}
.work-grid{gap:42px 36px}.project-card{border:0;padding:0 0 25px;border-bottom:1px solid #454740;min-width:0}
.project-card a{display:block;height:100%}.project-card .thumb{height:270px;background:#e8e1d2;box-shadow:none;border:0;padding:15px;margin:0 0 23px;position:relative;overflow:hidden}
.project-card:nth-child(4n+1) .thumb{border-top:4px solid #c66737}.project-card:nth-child(4n+2) .thumb{border-top:4px solid #31707a}.project-card:nth-child(4n+3) .thumb{border-top:4px solid #cf9e47}.project-card:nth-child(4n) .thumb{border-top:4px solid #956b43}
.project-card .thumb img{transition:transform .25s;object-fit:contain}.project-card a:hover .thumb img{transform:scale(1.025)}
.project-card .label{font-size:10px;letter-spacing:.13em;color:#dbb371;margin:0 0 11px}.project-card h3{font-family:Raleway,Arial,sans-serif;font-size:25px;font-weight:700;line-height:1.25;margin:0 0 10px;letter-spacing:-.025em}
.project-card p{font-size:15px;color:#c9c6bc}.project-card .status{color:#999f93;font-size:11px;line-height:1.65;margin:15px 0}.project-card .read{font-size:12px;color:#e9c88c;text-decoration:none;margin-top:17px}
.project-card a:hover .read{text-decoration:underline;text-underline-offset:5px}
.demo-intro{padding-top:28px;margin-top:65px}.demo-intro>.section-title{font-size:36px;margin-bottom:30px}.case{border-color:#454740;grid-template-columns:55px 1fr 1fr;gap:25px}.num{color:#cda865}.case h3{font-size:23px;font-weight:400;line-height:1.3}.case p{color:var(--muted);font-size:14px}.case a{font-size:12px;color:#e4bb74}
.about{grid-template-columns:1fr 1.45fr;gap:90px;padding:85px 0 75px;border-top:1px solid #57594d;margin-top:15px}.about .section-title{font-size:38px;margin-bottom:30px}.about h3{font-size:24px;font-weight:400;margin-top:0}.about h3:not(:first-child){margin-top:33px}.about p{color:var(--muted);font-size:14px}.timeline{border-color:var(--gold)}.timeline:before{border-color:var(--gold);background:#101110}.timeline p{font-size:15px}.timeline a{color:#e4bb74}
.contact-panel{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#1b2828;border-top:1px solid #426367;padding:36px;margin-bottom:50px}.contact-panel h2{font-size:29px;font-weight:400;margin:0 0 6px}.contact-panel p{font-size:13px;color:#bac8c0;margin:0}.contact-panel .button{white-space:nowrap}
.footer{border-color:#57594d;color:#9da294;padding-bottom:35px;font-size:12px}.footer strong{color:var(--ivory)}.footer a{color:#d4d1c4}
.return{font-size:12px;color:#dcb572;margin:24px 0 0}.sample-head{border-left:2px solid var(--gold);margin-top:35px}.sample-head:before{display:none}.sample-head h1{font-family:Raleway,Arial,sans-serif;font-weight:400;font-size:clamp(2.5rem,5vw,4rem)}.sample-head p,.status,.case-subtitle{color:var(--muted)}.sample-head .small{color:#b7b8aa}.sample-head .label{color:var(--gold)}
.learning-map{background:#1d3337;border:1px solid #3a5b60}.learning-map .label,.learning-map span{color:#e6bd78}.learning-map strong{color:#f2e8d6}.learning-map .small{color:#bac9c4}
/* Work evidence and controls stay on light paper for comfortable inspection. */
.in-use,.work-body,.objective,.practice,.job-aid,.aid-sheet,.blueprint-proof,.stage,.artifact figure,.work-figure,.path-panel,.eac-status,.eac-demo,.eac-model,.eac-evaluation{--ink:#253b30;--muted:#536054;--line:#d4cbb9;--forest:#34483c;--rust:#913f29;color:#253b30;background:#f2ede2;border-color:#b9ad95;box-shadow:none}
.in-use .label,.work-body .label,.objective .label,.practice .label,.job-aid .label,.artifact .label{color:#956230}
.in-use h2,.work-body h2,.objective h2,.practice h2,.job-aid h2,.aid-sheet h3{color:#253b30}.in-use .demo-hint,.hint{color:#9c4a2f}
.in-use .button,.practice .button,.job-aid .button,.objective .button,.blueprint-proof .button{background:#34483c;border-color:#34483c;color:#fff8e8}
.in-use .button.secondary,.practice .button.secondary,.job-aid .button.secondary{background:transparent;color:#253b30;border-color:#63715e}
.in-use .button:hover,.practice .button:hover,.job-aid .button:hover{background:#49604f;color:white}
.in-use .demo-choice,.option{background:#fffcf3;color:#253b30}.demo-feedback,.feedback{color:#253b30}.demo-feedback h3{color:#253b30}.artifact figure,.work-figure{box-shadow:none}.artifact figcaption,.work-figure figcaption{color:#566050}.case-context p,.design p,.small,.record p{color:var(--muted)}.record h3{color:var(--ink)}.design{border-color:#57594d}.proof-row span{background:#263a35;color:#eee6d5}.file-link{color:#e4bb74}.methods{color:var(--muted)}
.eac-page{--eac-border:#4c5447;--eac-blue:#8bbbc0}.eac-page .eac-system{box-shadow:none;border-color:#426367}.eac-status,.path-panel,.eac-demo,.eac-model,.eac-evaluation{--eac-blue:#285b82}.eac-status strong,.path-panel h3,.path-panel h4,.scenario-task h3,.eac-model summary,.eac-evaluation h3{color:#253b30}.eac-page .path-select button{color:var(--ink);border-color:#787e6b}.eac-page .path-select button[aria-pressed=true]{background:#23525b;color:#f2e8d6;border-color:#629296}.eac-page .button{background:#cf9e47;color:#172c28;border-color:#cf9e47}.eac-page .button.secondary{background:transparent;color:#f2e8d6;border-color:#77786a}.eac-page .scenario-task .button{background:#162f47;color:#fcf9f1;border-color:#162f47}.eac-page .scenario-task .button.secondary{color:#162f47;background:transparent}.course-code,.course-body h4,.course-body a,.eac-evidence a{color:#cdb881}.eac-evidence{border-color:#9ca586}.eac-gates article{border-color:#cf9e47}.eac-gates span{color:#cf9e47}
.skip{color:#18261e}
@media(min-width:1500px){.architect-hero{min-height:690px}}
@media(max-width:900px){.wrap{padding:0 30px}.architect-hero{grid-template-columns:1.1fr 1fr;min-height:570px;padding-top:45px}.hero-copy h1{font-size:clamp(2.6rem,5.4vw,4rem)}.hero-deck{font-size:14px}.architect-art{margin:0 -16px 0 0}.proof-strip{gap:20px;margin-bottom:65px}.proof-strip>div+div{padding-left:20px}.proof-strip strong{font-size:23px}.about{gap:50px}.project-card .thumb{height:230px}}
@media(max-width:650px){.wrap{padding:0 22px}.topbar{min-height:85px;align-items:center;gap:12px;flex-wrap:wrap}.brand{font-size:12px;gap:10px}.nav{gap:17px;font-size:11px}.brand:before{width:17px;height:22px}.architect-hero{grid-template-columns:1fr;padding:42px 0 30px;min-height:0;gap:18px}.hero-copy{padding:0}.hero-copy h1{font-size:clamp(2.7rem,10vw,4rem);max-width:480px}.hero-copy .eyebrow{font-size:9px;margin-bottom:22px;letter-spacing:.13em}.hero-deck{max-width:450px;font-size:15px;margin-bottom:25px}.hero-byline{margin-top:28px}.architect-art{width:80%;max-width:365px;justify-self:end;margin:0 0 -5px}.proof-strip{grid-template-columns:1fr;gap:19px;padding:25px 0;margin-bottom:60px}.proof-strip>div+div{border-left:0;padding-left:0;border-top:1px solid #333a30;padding-top:17px}.proof-strip strong{font-size:25px}.section-heading{display:block;padding-bottom:24px}.section-heading p:last-child{margin-top:18px;max-width:100%;font-size:13px}.section-title{font-size:36px}.work-categories{gap:12px;margin-bottom:25px}.work-grid{grid-template-columns:1fr;gap:35px}.project-card .thumb{height:230px}.project-card h3{font-size:27px}.project-card .status{font-size:12px}.project-card p{font-size:15px}.project-card .read{font-size:13px}.demo-intro{margin-top:45px}.demo-intro>.section-title{font-size:31px}.case{grid-template-columns:32px 1fr;gap:15px}.case>div:last-child{grid-column:2}.case h3{font-size:23px}.case p{margin-top:0}.about{grid-template-columns:1fr;gap:30px;padding:50px 0}.about .section-title{font-size:34px}.contact-panel{display:block;padding:26px;margin-bottom:35px}.contact-panel h2{font-size:27px}.contact-panel .button{margin-top:22px}.footer{gap:18px}.sample-head h1{font-size:2.6rem}.sample-head .actions .button{font-size:12px}.sample-head p{font-size:14px}.artifact figure{padding:8px}.work-body{padding:20px}.sample-layout{gap:25px}.records{border-color:#7c816e}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
@media print{:root{--ink:#171717;--paper:#fff;--muted:#555;--line:#ccc}body{background:white;color:#171717}.architect-art,.contact-panel,.hero-byline{display:none}.architect-hero{display:block;min-height:0;padding:20px 0}.hero-copy h1{font-size:30pt;color:black}.hero-copy h1 em,.label{color:#333}.proof-strip{margin-bottom:30px}.project-card h3,.section-title,.case h3{color:#171717}.hero-deck,.project-card p,.project-card .status,.about p,.sample-head p{color:#555}.about{padding:20px 0}.footer{color:#555}.button{display:none}}

.path-panel .label{color:#956230}.stage .num{color:#8d6230}