@font-face{font-family:ArchFilm;src:url(arch-assets/dm-sans.woff2) format('woff2');font-display:swap}
/* Full-background composition. The four product selectors keep their original behavior. */
body.portfolio-home .intro{width:26vw;right:auto;z-index:4;top:15vh}
body.portfolio-home .intro h1{font-size:clamp(28px,3.1vw,60px);line-height:1.06;letter-spacing:-.065em}
body.portfolio-home .intro-grid>p{max-width:26vw;font-size:clamp(12px,.9vw,16px)}
body.portfolio-home .intro .eyebrow{font-size:10px}
body.portfolio-home .product-menu{position:fixed;left:4vw;top:47vh;width:19vw;bottom:7vh;z-index:5;justify-content:center}
body.arch-cinema-active .product-stage>.stage-top,body.arch-cinema-active .product-stage>.scene-bottom,body.arch-cinema-active .product-stage>.product-description{visibility:hidden}
body.portfolio-home .menu-foot{display:none}
#arch-cinema{position:fixed;left:29vw;right:1.5vw;top:10vh;bottom:6vh;z-index:2;overflow:visible;pointer-events:none;color:#eee9de;font-family:ArchFilm,Arial,sans-serif;isolation:isolate}
#arch-cinema[hidden]{display:none}
.cin-halo{position:absolute;inset:-9% -2%;background:radial-gradient(ellipse at 55% 40%,#64816a33,transparent 67%);filter:blur(30px)}
.cin-stage{position:absolute;width:1400px;height:950px;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--cin-scale,.7));transform-origin:center;perspective:2200px}
.cin-camera{position:absolute;top:25px;width:1400px;height:820px;transform-style:preserve-3d;will-change:transform}
.cin-app{position:absolute;inset:0;background:#171613;border:1px solid #c9d4b94d;border-radius:15px;overflow:hidden;box-shadow:0 55px 100px -30px #000a,0 0 70px #c3db9b0b;line-height:1.4;font-size:14px}
.cin-app *{box-sizing:border-box}.cin-app svg{display:block}.cin-top{height:51px;display:flex;align-items:center;padding:0 17px;gap:12px;background:#1b1a17;border-bottom:1px solid #47473a}.cin-top>img{width:23px;height:29px;object-fit:contain}.cin-top>b{font-size:21px;font-weight:600;letter-spacing:-.6px}.cin-top>b span{font-weight:400;color:#c3cdb4}.cin-top>small{font-size:12px;color:#a69f8d;margin:0 12px 0 3px;border-left:1px solid #55503e;padding-left:12px}.cin-tab{border:1px solid #9aab87;border-radius:9px;padding:8px 14px;font-size:13px;background:#302f27;min-width:180px}.cin-tab span{float:right;color:#b4b5a4}.cin-plus{font-size:22px;color:#999985}.cin-account{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:12px}.cin-account>span{padding:8px 13px;border:1px solid #48473d;border-radius:7px;background:#282720}.cin-account strong{font-size:12px;font-weight:600;color:#1f3228;padding:9px 14px;border-radius:8px;background:linear-gradient(105deg,#d1dfa3,#7ac7ba)}
.cin-filebar{height:55px;background:#23221e;border-bottom:1px solid #444238;display:flex;gap:12px;align-items:center;padding:0 13px}.cin-filebar>div:first-child{min-width:280px}.cin-filebar b{font-size:14px}.cin-filebar small{display:block;font:11px monospace;letter-spacing:.4px;color:#b0ab9b;margin-top:3px}.cin-search{margin-left:auto;background:#2a2822;border:1px solid #444136;border-radius:7px;color:#aaa594;width:380px;padding:8px 12px;font-size:13px}.cin-share-button,.cin-export-button{padding:8px 12px;border:1px solid #48473b;border-radius:7px;background:#2e2c25;font-size:13px}.cin-export-button{background:#c3d3ad;color:#24312a;font-weight:600}
.cin-rail{position:absolute;top:106px;bottom:0;left:0;width:62px;border-right:1px solid #4a483b;background:#24221d;padding:7px 5px}.cin-tool{height:53px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:7px;color:#b6b29f;gap:3px;transition:color .3s,background .3s;position:relative}.cin-tool svg{width:22px;height:22px}.cin-tool span{font-size:9px}.cin-tool.active{color:#22382c;background:#bdcda9;box-shadow:0 0 20px #bad89b20}.cin-tool[data-tool=rect],.cin-tool[data-tool=scale]{margin-top:12px}.cin-tool[data-tool=scale]:before{content:'ANALYZE';position:absolute;top:-12px;font:7px monospace;color:#989784}
.cin-pages{position:absolute;left:62px;top:106px;bottom:0;width:195px;background:#23211d;border-right:1px solid #49463b;padding:13px 11px}.cin-page-tabs{display:flex;gap:22px;border-bottom:1px solid #595747;margin-bottom:18px;height:31px;font-size:13px}.cin-page-tabs b{border-bottom:2px solid #b9c9a6;padding-bottom:10px}.cin-pages>small{color:#bdb6a1;font:10px monospace}.cin-trades{border:1px solid #464338;border-radius:6px;padding:9px 10px;margin:12px 0 18px;font-size:12px}.cin-trades span{float:right}.cin-thumb{display:flex;align-items:center;gap:10px;padding:10px 6px;border:1px solid transparent;border-radius:8px;margin-bottom:10px}.cin-thumb.selected{background:#a6c79916;border-color:#8c9a7f}.cin-thumb img{width:67px;height:47px;object-fit:cover;background:#f6f5ed}.cin-thumb span{font-size:10px;color:#c9c3ad;line-height:1.7}.cin-thumb b{display:block;font-size:13px;color:#e8e6db}.cin-page-foot{position:absolute;bottom:14px;left:14px;color:#b1c49f;font-size:13px}.cin-canvas{position:absolute;left:257px;right:278px;top:106px;bottom:43px;overflow:hidden;background-color:#181713;background-image:linear-gradient(#c4c4a308 1px,transparent 1px),linear-gradient(90deg,#c4c4a308 1px,transparent 1px);background-size:28px 28px}.cin-canvas>svg{height:100%;width:100%;overflow:hidden}.cin-canvas-shade{position:absolute;inset:0;box-shadow:inset 0 0 22px #0002;pointer-events:none}
.cin-inspector{position:absolute;right:44px;top:119px;bottom:55px;width:220px;border:1px solid #454439;border-radius:15px;background:linear-gradient(115deg,#272720,#211f1a);padding:19px 16px;overflow:hidden}.cin-inspector small,.cin-flyout>small{font:10px monospace;letter-spacing:1px;color:#aca994}.cin-inspector h3{font-size:24px;margin:13px 0 4px;color:#f2eddf;font-weight:600}.cin-inspector p{color:#bbb7a4;font-size:12px;line-height:1.75;margin:8px 0 20px}.cin-inspector hr{border:0;border-top:1px solid #454335;margin:25px 0}.cin-inspector h4{font-size:18px;font-weight:500;margin:14px 0}.cin-value{padding:11px;border:1px solid #777b5e;border-radius:7px;font-size:17px;color:#dbe8c4;margin:13px 0;background:#abb79b0c}.cin-action{display:inline-block;padding:8px 10px;background:#35342a;border:1px solid #53503d;border-radius:6px;margin:8px 4px 8px 0;font-size:11px}.cin-action.primary{background:#c2d0ac;color:#233126}.cin-property{display:flex;justify-content:space-between;border-bottom:1px solid #4a483d;padding:12px 0;font-size:12px;color:#c3bca7}.cin-property b{color:#eee9dc;font-weight:500}.cin-swatch{height:20px;background:linear-gradient(90deg,#d26449 20%,#bdb58a 20% 40%,#74a8ae 40% 60%,#c5d3ab 60% 80%,#eee9d8 80%);border-radius:4px;margin-top:14px}.cin-right-rail{position:absolute;right:0;width:40px;top:118px;display:flex;flex-direction:column;gap:20px;color:#c0cbb0}.cin-right-rail svg{width:21px;height:21px;margin:auto}.cin-right-rail span{display:block;font-size:8px;text-align:center;margin-top:4px}.cin-bottom{position:absolute;left:257px;right:278px;bottom:0;height:43px;display:flex;align-items:center;gap:18px;background:#211f1a;padding:0 10px;font:9px monospace;color:#c3bba5;border-top:1px solid #474137}.cin-bottom>span:first-child{flex:1}.cin-bottom #cin-scale{font-size:11px;color:#d4ddba;padding:5px}.cin-bottom #cin-scale.lit{box-shadow:0 0 0 1px #b6ce9d;border-radius:4px;background:#a9cd8220}
.cin-flyout{position:absolute;z-index:8;width:355px;padding:20px;background:#2a2721fa;border:1px solid #78725a80;border-radius:14px;box-shadow:0 20px 50px #0009;opacity:0;visibility:hidden;transform:translateY(12px) scale(.98);transition:opacity .35s,transform .5s,visibility .35s}.cin-flyout.shown{opacity:1;visibility:visible;transform:none}.cin-panel-heading{font-size:18px;font-weight:600;display:flex;justify-content:space-between;color:#f0eadc}.cin-panel-heading span{font-size:18px;color:#aaa38e}.cin-flyout p{font-size:13px;line-height:1.6;color:#bab4a2;margin:12px 0 17px}.cin-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.cin-choice{padding:15px 10px;background:#24221d;border:1px solid #514e40;border-radius:8px;min-height:84px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px}.cin-choice svg{width:30px;height:30px;color:#b6cba5}.cin-choice.selected{border-color:#bdcca6;background:#a9c78f16}.cin-search-object{margin:14px 0;padding:10px;border:1px solid #777862;border-radius:8px;font-size:12px;color:#c0b9a7}.cin-categories{font-size:10px;line-height:2.6;color:#bfb8a5}.cin-categories b{padding:4px 8px;background:#b7c99d26;border:1px solid #b7c99d;border-radius:15px;color:#d6e1c3}.cin-link{padding:13px 10px;background:#1b1b16;border:1px solid #52503e;border-radius:7px;font-size:12px;margin:17px 0}.cin-link b{float:right;color:#c9dbb5}.cin-person{display:flex;align-items:center;gap:10px;padding:12px 0;font-size:13px}.cin-person i{font-style:normal;border-radius:50%;display:grid;place-items:center;background:#a8bfca;color:#1a3545;width:32px;height:32px}.cin-person small{display:block;font-size:10px;color:#ada894}.cin-person strong{margin-left:auto;font-size:11px;color:#cce1b5;border:1px solid #72775d;border-radius:5px;padding:6px 10px}.cin-sharing-status{border-top:1px solid #514b3d;padding-top:12px;color:#cce1b5;font-size:12px;opacity:0}.cin-option{padding:16px 10px;border:1px solid #4b493a;border-radius:7px;margin:12px 0;color:#d4cbb6;font-size:13px}.cin-option b{float:right;font-size:11px;font-weight:400}.cin-option.selected{border-color:#abbf93;color:#d3e1ba;background:#acc5830f}.cin-download{padding:12px;text-align:center;border-radius:7px;background:linear-gradient(110deg,#d1dfa3,#85c8b6);color:#233229;font-weight:600;font-size:14px}.cin-toast{position:absolute;bottom:65px;left:50%;transform:translateX(-50%) translateY(15px);background:#d0dfb8;color:#203928;padding:12px 24px;border-radius:10px;box-shadow:0 10px 40px #0007;opacity:0;transition:.6s;font-size:14px;z-index:9}.cin-toast.shown{opacity:1;transform:translateX(-50%) translateY(0)}
#cin-measure-menu{left:68px;top:390px}#cin-object-menu{left:68px;top:235px}#cin-object-menu .cin-choice{flex-direction:column}#cin-object-menu .cin-choice svg{width:62px;height:52px}#cin-shape-menu{left:68px;top:280px}#cin-share-menu{right:80px;top:112px;width:380px}#cin-export-menu{right:30px;top:112px;width:350px}
.cin-ui-pointer{position:absolute;left:0;top:0;width:28px;height:32px;z-index:20;color:#fff;filter:drop-shadow(1px 2px 2px #000);opacity:0}.cin-ui-pointer svg{width:28px;height:28px;fill:#303d30;stroke:#fff;stroke-width:1.3}.cin-ui-pointer i{position:absolute;inset:-9px;border:2px solid #d2e4b8;border-radius:50%;opacity:var(--click,0);transform:scale(var(--pulse,1))}
.cin-dim{stroke:#237f92;stroke-width:1.7;fill:none}.cin-dim rect{fill:#eef9fb;stroke:#29839a;stroke-width:1}.cin-dim text{fill:#236e81;stroke:none;text-anchor:middle;font:600 16px ArchFilm,Arial}.cin-dim path:first-child,#cin-cloud,#cin-leader{stroke-dasharray:1;stroke-dashoffset:1}.cin-dim,#cin-object,#cin-markup,#cin-note,#cin-alex-note,#cin-snap,#cin-sheet-pointer{opacity:0}.cin-selection{opacity:0}.cin-history-item{padding:14px 0;border-bottom:1px solid #4b473b;font-size:12px}.cin-history-item b{font-size:12px;color:#e4e6cf}.cin-history-item small{display:block;font:10px ArchFilm,Arial;margin:7px 0;color:#a5a591}.cin-history-item span{display:block;font-size:11px;color:#c4c3b1}.cin-layer{padding:13px 0;border-bottom:1px solid #494737;font-size:12px;display:flex;gap:9px}.cin-layer span{color:#9ca78c}.cin-layer b{font-weight:400;color:#ddd8c7}.cin-layer small{display:block;font:10px Arial;margin-top:5px;color:#aaa18b}.cin-toggle{margin:16px 0;padding:8px 10px;border:1px solid #7a8c69;background:#a2bd7d19;border-radius:6px;color:#cddcb5;font-size:12px}
.cin-caption{position:absolute;left:32px;right:32px;bottom:0;height:77px;text-align:left}.cin-caption small{font:11px monospace;letter-spacing:2px;color:#9fb5a6}.cin-caption h2{font:400 32px/1.2 ArchFilm,Arial;letter-spacing:-.8px;margin:9px 0;color:#ecf0df}.cin-progress{position:absolute;right:0;bottom:15px;width:120px;height:2px;background:#a8c19e25}.cin-progress i{display:block;height:100%;width:0;background:#c7d9b0}.cin-disclosure{position:absolute;bottom:-12px;right:1%;color:#7e9585;font:9px ArchFilm,Arial;letter-spacing:.1px}
@media(min-width:801px) and (max-height:760px){body.portfolio-home .intro{top:16vh}body.portfolio-home .intro h1{font-size:clamp(28px,3vw,45px)}body.portfolio-home .product-menu{top:49vh;bottom:7vh}body.portfolio-home .product-menu [role=tab]{padding:4px 10px}body.portfolio-home .product-menu small{font-size:10px}body.portfolio-home .menu-caption{display:none}}
@media(max-width:800px){body.portfolio-home .intro{width:92%;top:100px}body.portfolio-home .intro h1{font-size:clamp(29px,6vw,43px)}body.portfolio-home .intro-grid>p{max-width:600px;font-size:13px}body.portfolio-home .product-menu{left:4vw;right:4vw;top:285px;bottom:auto;width:auto}#arch-cinema{left:2vw;right:2vw;top:365px;bottom:65px}.cin-disclosure{font-size:7px;bottom:0}.cin-stage{transform:translate(-50%,-50%) scale(var(--cin-scale,.3))}body.portfolio-home .collection-footer p{max-width:170px}}
@media(prefers-reduced-motion:reduce){.cin-camera{will-change:auto}.cin-ui-pointer{display:none}}
html.embed-mode #arch-cinema{inset:0}html.embed-mode .cin-disclosure{bottom:4px}
.cin-other-tab{font-size:12px;color:#8e8e7c;padding:9px 15px;border:1px solid #454336;border-radius:8px}.cin-account{gap:7px}.cin-account>span{padding:8px 9px}.cin-top>small{margin-right:3px}.cin-top{gap:9px}#cin-scale-evidence{opacity:0}
body.portfolio-home .intro h1{font-size:clamp(28px,2.85vw,56px)}body.portfolio-home .intro{width:24.5vw}body.portfolio-home .intro-grid>p{max-width:24.5vw}
@media(max-width:800px){body.portfolio-home .intro{width:92vw}body.portfolio-home .intro h1{font-size:clamp(29px,6vw,43px)}body.portfolio-home .intro-grid>p{max-width:600px}}
/* On phones, give the drawing the space normally occupied by side panels. */
@media(max-width:800px){#arch-cinema{overflow:hidden;top:350px;bottom:60px}.cin-stage,.cin-camera{width:1000px}.cin-pages,.cin-inspector,.cin-other-tab,.cin-top>small,.cin-account strong,.cin-account>span:first-child,.cin-search{display:none}.cin-canvas{left:62px;right:44px}.cin-bottom{left:62px;right:44px}.cin-filebar>div:first-child{margin-right:auto}.cin-caption h2{font-size:38px}.cin-caption small{font-size:15px}.cin-disclosure{font-size:6px;right:0}.cin-ui-pointer{overflow:hidden}}
/* Quieter background presentation with a stronger product selector. */
@media(min-width:801px){
 #arch-cinema{left:34vw;right:4vw;top:16vh;bottom:12vh}
 body.portfolio-home .product-menu{width:23vw;top:45vh;bottom:8vh}
 body.portfolio-home .product-menu [role=tablist]{gap:8px}
 body.portfolio-home .product-menu [role=tab]{padding:12px 16px}
 body.portfolio-home .product-menu strong{font-size:clamp(27px,2.25vw,40px)}
 body.portfolio-home .product-menu small{font-size:clamp(12px,.85vw,15px);margin-top:5px}
 body.portfolio-home .product-menu .phase-label{font-size:12px;margin-bottom:5px}
}
@media(min-width:801px) and (max-height:800px){
 body.portfolio-home .product-menu{top:46vh;bottom:8vh}
 body.portfolio-home .product-menu [role=tablist]{gap:5px}
 body.portfolio-home .product-menu [role=tab]{padding:7px 13px}
 body.portfolio-home .product-menu strong{font-size:27px}
 body.portfolio-home .product-menu small{font-size:11px;margin-top:3px}
 body.portfolio-home .product-menu .phase-label{font-size:10px;margin-bottom:2px}
}
.cin-canvas>svg{filter:sepia(.18) saturate(.65) brightness(.78)}
.cin-canvas-shade{background:#71866b26;mix-blend-mode:multiply;box-shadow:inset 0 0 35px #17231c30}
.cin-thumb img{filter:sepia(.18) saturate(.65) brightness(.72)}
.cin-halo{opacity:.55}
.cin-app{border-color:#b6c3a92e;box-shadow:0 40px 85px -30px #0008,0 0 45px #c3db9b06}
.cin-caption h2{color:#ccd7c4}
html.embed-mode #arch-cinema{inset:0}

/* Shared composition: selecting a product never moves the homepage chrome. */
body.portfolio-home .product-stage{position:fixed;inset:16vh 4vw 12vh 34vw;z-index:2}
body.portfolio-home #work{background:radial-gradient(ellipse at 12% 0%,#78856419,transparent 48%),radial-gradient(ellipse at 90% 28%,#537e7520,transparent 56%),radial-gradient(ellipse at 65% 92%,#7e785b0d,transparent 48%),#101715}
body.portfolio-home #work::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("arch-assets/drafting-grid.svg");background-size:192px 192px;mask-image:linear-gradient(90deg,#0005,#000c 38%,#000 70%,#0009);opacity:.8}
@media(max-width:800px){body.portfolio-home .product-stage{inset:350px 2vw 60px}}
html.embed-mode body.portfolio-home .product-stage{inset:0}
html.embed-mode body.portfolio-home #work{background:transparent}
html.embed-mode body.portfolio-home #work::before{display:none}
.arch-live-link{position:absolute;right:3%;bottom:25px;pointer-events:auto;z-index:10;padding:12px 20px;border:1px solid #b9cda368;border-radius:7px;background:#b9cda3;color:#152018;text-decoration:none;font:500 14px ArchFilm,Arial;box-shadow:0 6px 24px #0003}.arch-live-link:hover{background:#d2e2bf;transform:translateY(-1px)}.arch-live-link:focus-visible{outline:2px solid #fff;outline-offset:4px}@media(max-width:800px){.arch-live-link{bottom:12px;right:4%;font-size:12px;padding:10px 14px}}

.arch-selector-row{position:relative;width:100%}.arch-selector-row #tab-arch{width:100%;padding-right:88px}.arch-selector-demo{position:absolute;right:16px;top:50%;transform:translateY(-50%);font:500 13px ArchFilm,Arial;color:#cadab5;text-decoration:none;padding:8px 10px;border:1px solid #b9cda340;border-radius:5px;z-index:1}.arch-selector-demo:hover{background:#b9cda324}.arch-selector-demo:focus-visible{outline:2px solid #cadab5;outline-offset:3px}@media(max-width:800px){.arch-selector-row #tab-arch{padding-right:12px}.arch-selector-demo{top:auto;bottom:2px;right:6px;transform:none;font-size:10px;padding:3px 6px}}