body{background:#f7f7f2;color:#242523}.demo-bar{background:#222421}.arch-opening{margin:14px 14px 0;position:relative}.arch-header{position:absolute;top:0;left:0;right:0;z-index:10;height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 30px;gap:25px;color:white}.arch-logo{display:inline-flex;align-items:center;gap:10px;font-size:32px;font-weight:650;letter-spacing:-1.8px;line-height:1}.arch-mark{width:20px;height:27px;border:2px solid currentColor;border-bottom:0;position:relative}.arch-mark:after{content:'';position:absolute;inset:5px 5px 0;border:1px solid currentColor;border-bottom:0}.logo-caption{font-size:8px;letter-spacing:.3px;line-height:1.4;margin-left:12px;font-weight:400}.arch-header nav{align-self:start;display:flex;gap:28px;padding:26px 34px 25px;background:#f7f7f2;color:#242523;border-radius:0 0 25px 25px;font-size:11px;position:relative}.arch-header nav:before,.arch-header nav:after{content:'';position:absolute;top:0;width:24px;height:24px}.arch-header nav:before{right:100%;border-radius:0 24px 0 0;box-shadow:8px -8px 0 8px #f7f7f2}.arch-header nav:after{left:100%;border-radius:24px 0 0 0;box-shadow:-8px -8px 0 8px #f7f7f2}.arch-header nav a{padding:3px 0;border-bottom:1px solid transparent}.arch-header nav a:hover{border-color:currentColor}.arch-contact-link{justify-self:end;display:flex;align-items:center;gap:23px;background:#ffffff16;backdrop-filter:blur(12px);border:1px solid #fff5;border-radius:30px;padding:10px 11px 10px 20px;font-size:11px}.arch-contact-link>span{display:grid;place-items:center;border-radius:50%;width:29px;height:29px;background:#f7f7f2;color:#242523;font-size:20px}.hero-only{margin-top:0}.arch-hero{position:relative;isolation:isolate;height:calc(100svh - 64px);min-height:590px;max-height:900px;border-radius:14px;overflow:hidden;color:white;background:#343a3e}.arch-hero-image{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-2;object-position:center 56%}.arch-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#101a203b,transparent 40%,#141b2099 80%,#141b20a8)}.hero-topnote{position:absolute;left:34px;top:138px;font-size:10px;line-height:1.7;color:#ffffffbf}.hero-topnote span{display:block}.hero-bottom{position:absolute;bottom:27px;left:34px;right:34px}.arch-eyebrow{font-size:9px;line-height:1.6;text-transform:uppercase;letter-spacing:1.1px}.hero-bottom>.arch-eyebrow{margin-bottom:19px;color:#fff9}.arch-hero h1{font-size:clamp(60px,9.5vw,156px);font-weight:650;letter-spacing:-.075em;line-height:.86}.arch-hero h1 span{color:#ffffffe0}.hero-bottom-line{margin-top:34px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px}.hero-tags{display:flex;gap:6px}.hero-tags span{font-size:9px;border:1px solid #fff5;border-radius:22px;padding:8px 12px;background:#ffffff0a;backdrop-filter:blur(8px)}.hero-project-link{display:flex;align-items:center;justify-content:center;gap:15px;background:transparent;font-size:11px}.hero-project-link svg{width:14px;height:14px}.hero-carousel{justify-self:end;display:flex;gap:13px;align-items:center;font-size:10px}.hero-carousel button{width:38px;height:38px;border-radius:50%;border:1px solid #fff6;background:transparent;font-size:19px}.hero-carousel button:hover{background:#fff;color:#222}.arch-manifesto{padding-block:112px 93px}.manifesto-label{font-size:10px;display:flex;align-items:center;gap:9px;margin-bottom:35px}.orange-dot{width:7px;height:7px;border-radius:50%;background:#b44d32}.arch-manifesto h2{font-size:clamp(36px,5vw,77px);font-weight:550;letter-spacing:-.055em;line-height:1.05;max-width:1000px}.arch-manifesto h2>span{color:#a9aaa2}.manifesto-bottom{display:grid;grid-template-columns:1fr 1fr auto;gap:35px;align-items:end;margin-top:47px}.plan-mark{width:120px;height:76px;stroke:#a9aaa2;stroke-width:.8;border:0}.manifesto-bottom p{font-size:12px;line-height:1.8;color:#77796e}.text-link{font-size:10px;padding-bottom:9px;border-bottom:1px solid #c1c3b9;display:flex;gap:33px;align-items:center}.text-link span{font-size:23px;color:#b44d32}.arch-projects{padding-block:42px 88px}.arch-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;border-top:1px solid #d5d6cc;padding-top:30px;margin-bottom:32px}.arch-section-head h2,.approach-heading h2{font-size:clamp(32px,3.5vw,53px);font-weight:550;letter-spacing:-.045em;line-height:1.04}.arch-section-head>p{font-size:11px;line-height:1.7;color:#77796e}.arch-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:43px 24px}.arch-project{background:transparent;text-align:left;padding:0;min-width:0}.project-wide{grid-column:1/-1}.arch-project-image{position:relative;display:block;overflow:hidden;border-radius:3px}.arch-project-image>img{width:100%;aspect-ratio:1.35;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.project-wide img{aspect-ratio:2.3;object-position:50% 56%}.arch-project:hover img{transform:scale(1.035)}.project-open{position:absolute;right:20px;bottom:20px;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#f7f7f2;color:#222;font-size:23px;transition:transform .3s}.arch-project:hover .project-open{transform:rotate(45deg)}.project-type{position:absolute;left:20px;bottom:20px;padding:9px 14px;border:1px solid #fff5;background:#ffffffdf;border-radius:22px;font-size:9px}.arch-project-name{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:22px;font-weight:500;letter-spacing:-.6px;margin-top:17px}.arch-project-name small{font-size:10px;font-weight:400;letter-spacing:0;color:#7b7e73}.arch-caption{font-size:9px;color:#818477;margin-top:27px}.arch-approach{background:#eaeae2;padding-block:73px 70px}.approach-heading{display:grid;grid-template-columns:1fr 1.4fr;gap:40px}.approach-heading>.arch-eyebrow{color:#73776b}.approach-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;margin-top:40px;align-items:end}.approach-drawing>svg{width:290px;max-width:90%;height:auto;stroke:#a5a898;stroke-width:.8;border:0}.approach-drawing .drawing-accent{stroke:#b44d32;stroke-width:1.2}.approach-drawing>span{display:block;font-size:10px;line-height:1.6;color:#7a7d70;margin-top:13px}.approach-services details{border-bottom:1px solid #c4c7ba;padding-block:21px}.approach-services details:first-child{border-top:1px solid #c4c7ba}.approach-services summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:24px;letter-spacing:-.7px}.approach-services summary::-webkit-details-marker{display:none}.approach-services summary span{font-size:26px;color:#9b9f90;transition:transform .25s}.approach-services details[open] summary span{transform:rotate(45deg);color:#b44d32}.approach-services p{max-width:440px;font-size:12px;line-height:1.8;color:#707568;padding:20px 24px 5px 0}.arch-still{margin:14px;position:relative}.arch-still>img{width:100%;aspect-ratio:2;object-fit:cover;object-position:50% 52%;border-radius:3px}.arch-still-note{position:absolute;left:45px;top:45px;bottom:45px;width:260px;background:#f7f7f2f5;padding:29px;display:flex;flex-direction:column;justify-content:space-between}.arch-still-note .arch-eyebrow{font-size:8px;color:#828573}.arch-still-note h2{font-size:52px;font-weight:550;letter-spacing:-3px;line-height:.98}.arch-still-note>p:not(.arch-eyebrow){font-size:11px;line-height:1.7;color:#777b6c}.arch-still-note>div{display:flex;gap:6px}.arch-still-note i{width:38px;height:25px;background:#c2b59e}.arch-still-note i:nth-child(2){background:#7b6049}.arch-still-note i:nth-child(3){background:#e5e0d0}.arch-finale{padding-block:82px 71px}.arch-finale>.arch-eyebrow{color:#858879}.arch-finale>button{padding:25px 0 0;display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;background:transparent;text-align:left}.arch-finale button>span{font-size:clamp(60px,9vw,130px);font-weight:550;letter-spacing:-.065em;line-height:.91}.arch-finale button>svg{width:110px;height:110px;stroke:#b44d32;stroke-width:.8;transition:transform .3s}.arch-finale button:hover svg{transform:translate(8px,-8px)}.arch-footer{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;border-top:1px solid #d2d4c6;padding-block:30px 24px}.arch-footer>span{font-size:10px;color:#858879}.arch-footer>p{grid-column:1/-1;font-size:9px;line-height:1.8;color:#858879}.arch-footer>p a{text-decoration:underline;text-underline-offset:3px}
.arch-project-dialog{width:1050px;background:#f5f3eb;border-radius:4px}.arch-modal-layout{display:grid;grid-template-columns:1.2fr 1fr}.arch-gallery{background:#e7e4d7;min-width:0}.arch-gallery>img{width:100%;aspect-ratio:4/4.6;object-fit:cover}.arch-gallery-controls{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font-size:10px;color:#626e55}.arch-gallery-controls button{background:transparent;border:1px solid #bdc5ad;width:36px;height:32px;font-size:19px}.arch-project-detail{padding:67px 36px 36px}.arch-project-detail h2{font:54px/1 var(--serif);letter-spacing:-1px;margin-top:18px}.arch-project-detail>p:not(.arch-eyebrow){font-size:12px;line-height:1.85;color:#6f765f;margin-top:23px}.arch-project-detail dl{margin:28px 0 0;display:grid;gap:19px}.arch-project-detail dt{font-size:9px;color:#7c856c}.arch-project-detail dd{margin:6px 0 0;font-size:12px;line-height:1.6;color:#4d5e40}.arch-project-detail .project-concept-note{font-size:9px!important;border-top:1px solid #d9ddce;padding-top:17px}.arch-project-detail .demo-button{background:#3e4e33;color:#f5f1e2;border:0;margin-top:23px;width:100%;font-size:10px;padding-inline:16px}
.arch-contact-dialog{width:560px;background:#eee9da;padding:55px 45px 43px;border-radius:5px}.arch-contact-dialog h2{font:55px/1 var(--serif);letter-spacing:-1px;margin-top:24px}.arch-contact-dialog h2 em{color:#798467}.arch-contact-dialog>p:not(.arch-eyebrow){font-size:13px;line-height:1.8;color:#70785f;margin-top:23px}.arch-contact-dialog .demo-button{margin-top:28px;background:#3e4e33;color:#f5f1e2;border:0;width:100%}

/* The project sheet shares Umbral's new, quieter material palette. */
.arch-project-dialog,.arch-contact-dialog{background:#f7f7f2;color:#242523;border-color:#d5d6cc}.arch-project-detail h2,.arch-contact-dialog h2{font-family:var(--sans);font-weight:500;font-size:43px;letter-spacing:-2px}.arch-project-detail .demo-button,.arch-contact-dialog .demo-button{background:#282a25}.arch-project-detail dd{color:#52564a}.arch-project-detail dt,.arch-project-detail>p:not(.arch-eyebrow),.arch-contact-dialog>p:not(.arch-eyebrow){color:#7a7d6f}.arch-contact-dialog h2 em{color:#b44d32}.arch-gallery{background:#e8e8df}
@media(min-width:1500px){.arch-hero h1{font-size:156px}}
@media(max-width:1050px){.logo-caption{display:none}.arch-header{padding-inline:24px;gap:20px}.arch-header nav{gap:20px;padding-inline:25px}.arch-contact-link{gap:10px}.arch-project-name{font-size:20px;display:block}.arch-project-name small{display:block;margin-top:7px}.arch-still-note{inset:25px auto 25px 25px;width:220px;padding:23px}.arch-still-note h2{font-size:42px}.manifesto-bottom{grid-template-columns:.6fr 1fr;align-items:start}.manifesto-bottom>.text-link{grid-column:2;width:max-content}.arch-modal-layout{grid-template-columns:1.1fr 1fr}.arch-project-detail{padding:55px 26px 30px}}
@media(max-width:700px){.arch-opening{margin:10px 10px 0}.arch-header{height:74px;padding:0 17px;grid-template-columns:1fr auto;gap:12px}.arch-logo{font-size:29px;gap:8px}.arch-mark{width:16px;height:23px}.arch-mark:after{inset:4px 4px 0}.arch-header nav{position:absolute;top:87px;left:18px;right:18px;justify-content:center;gap:26px;background:#ffffff15;border:1px solid #ffffff30;border-radius:30px;color:white;padding:13px 15px;backdrop-filter:blur(10px);font-size:10px}.arch-header nav:before,.arch-header nav:after{display:none}.arch-contact-link{font-size:10px;padding:6px 7px 6px 13px;gap:13px}.arch-contact-link>span{width:28px;height:28px;font-size:18px}.hero-only{margin-top:0}.arch-hero{height:calc(100svh - 56px);min-height:620px;max-height:850px;border-radius:10px}.arch-hero-image{object-position:56% 50%}.hero-topnote{left:21px;top:173px;font-size:9px}.hero-bottom{left:21px;right:21px;bottom:23px}.hero-bottom>.arch-eyebrow{font-size:8px;margin-bottom:20px}.arch-hero h1{font-size:clamp(44px,11.6vw,79px);letter-spacing:-.067em;line-height:.91}.hero-bottom-line{grid-template-columns:1fr auto;gap:23px 10px;margin-top:28px}.hero-tags{grid-column:1/-1}.hero-tags span{padding:7px 11px;font-size:8px}.hero-project-link{font-size:10px;justify-content:start;gap:8px}.hero-project-link svg{width:12px;height:12px}.hero-carousel{gap:10px;font-size:9px}.hero-carousel button{width:34px;height:34px;font-size:18px}.arch-manifesto{padding-block:66px 47px}.manifesto-label{font-size:9px;margin-bottom:27px}.arch-manifesto h2{font-size:clamp(29px,7.3vw,49px);letter-spacing:-.055em;line-height:1.08}.manifesto-bottom{grid-template-columns:75px 1fr;gap:23px 20px;margin-top:28px}.plan-mark{width:75px;height:50px}.manifesto-bottom p{font-size:10px;line-height:1.8}.manifesto-bottom>.text-link{font-size:9px;gap:20px}.arch-projects{padding-block:25px 51px}.arch-section-head{display:block;padding-top:24px;margin-bottom:24px}.arch-section-head h2{font-size:32px}.arch-section-head>p{font-size:10px;margin-top:17px}.arch-project-grid{gap:30px 14px}.arch-project-image>img{aspect-ratio:3/4}.project-wide img{aspect-ratio:1.15;object-position:56% 50%}.project-open{width:32px;height:32px;right:10px;bottom:10px;font-size:19px}.project-type{font-size:7px;padding:7px 9px;left:10px;bottom:11px}.arch-project-name{font-size:17px;letter-spacing:-.5px;margin-top:12px}.arch-project-name small{font-size:8px;line-height:1.6;margin-top:5px}.arch-caption{font-size:8px;line-height:1.8;margin-top:24px}.arch-approach{padding-block:43px}.approach-heading{display:block}.approach-heading h2{font-size:36px;margin-top:25px}.approach-heading>.arch-eyebrow{font-size:8px}.approach-grid{grid-template-columns:1fr;gap:31px;margin-top:32px}.approach-drawing{display:flex;align-items:end;gap:18px}.approach-drawing>svg{width:53%}.approach-drawing>span{font-size:9px;margin-bottom:15px}.approach-services summary{font-size:22px}.approach-services p{font-size:11px}.approach-services details{padding-block:18px}.arch-still{margin:10px}.arch-still>img{aspect-ratio:4/5;object-position:61% 50%}.arch-still-note{inset:auto auto 20px 20px;min-height:245px;width:180px;padding:20px;gap:16px}.arch-still-note h2{font-size:39px;letter-spacing:-2px}.arch-still-note>.arch-eyebrow{font-size:7px}.arch-still-note>p:not(.arch-eyebrow){font-size:10px}.arch-still-note i{width:29px;height:18px}.arch-finale{padding-block:49px 44px}.arch-finale>.arch-eyebrow{font-size:7px;letter-spacing:.7px}.arch-finale button>span{font-size:clamp(47px,12vw,75px);letter-spacing:-.065em}.arch-finale button>svg{width:55px;height:55px}.arch-finale>button{gap:18px;padding-top:23px}.arch-footer{gap:22px;padding-block:25px 20px}.arch-footer>span{font-size:8px}.arch-footer>p{font-size:8px}.arch-modal-layout{grid-template-columns:1fr}.arch-gallery>img{aspect-ratio:1.2}.arch-project-detail{padding:27px}.arch-project-detail h2{font-size:36px}.arch-project-detail dl{grid-template-columns:1fr 1fr;gap:13px}.arch-contact-dialog{padding:50px 26px 30px}.arch-contact-dialog h2{font-size:38px}}