/* Landmark's Michigan build journey. No animation dependencies. */
:root{--paper:#efeee9;--ink:#101311;--warm:#1c211e;--muted:#a4aaa3;--line:#ffffff26;--orange:#efa465;--accent:#efa465}body{background:var(--ink);color:var(--paper)}h1,h2{font-weight:400;letter-spacing:-.055em}h1 em,h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;color:var(--orange)}.site-header{position:absolute;background:transparent}.header-inner{height:88px}.brand{width:185px}.header-cta{padding:10px 20px;font-size:10px}.site-header nav a{font-size:10px}.build-story{height:520svh;position:relative}.story-stage{height:100svh;min-height:580px;position:sticky;top:0;overflow:hidden;background:#29352c;color:#fff}.story-scenes,.story-scene,.story-shade{position:absolute;inset:0;width:100%;height:100%}.story-scene{object-fit:cover;object-position:58% center;opacity:0;will-change:transform,opacity}.story-scene:first-child{opacity:1}.story-shade{background:linear-gradient(90deg,#08100c9c,transparent 75%),linear-gradient(0deg,#080e0be8,transparent 30%,transparent 70%,#080e0b70)}.story-topline{position:absolute;top:118px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.17em}.story-topline>a{letter-spacing:.03em;border-bottom:1px solid #ffffff50}.story-copy{position:absolute;left:7%;top:35%;max-width:620px;will-change:opacity,transform}.story-copy .eyebrow{font-size:9px;color:#f5c49a;margin-bottom:24px}.story-copy h1{font-size:clamp(45px,5.7vw,90px);line-height:1.01;letter-spacing:-.055em;margin-bottom:25px;font-weight:400}.story-copy h1 em{color:#fff;font-weight:400}.story-copy p{font-size:13px;max-width:310px;line-height:1.8;color:#efefeb;margin-bottom:25px}.story-action{font-size:11px;border-bottom:1px solid #ffffff80;padding-bottom:8px;display:inline-flex;gap:45px}.story-action span{color:var(--orange)}.story-side{position:absolute;right:4%;top:43%;display:flex;align-items:flex-end;flex-direction:column;gap:28px}.story-side>span{writing-mode:vertical-rl;font-size:8px;letter-spacing:.2em}.story-side button{font-size:9px;border:1px solid #ffffff50;background:#10131188;color:#fff;padding:7px 10px}.story-bottom{position:absolute;bottom:58px;left:4%;right:4%;display:flex;align-items:center;gap:6%}.story-readout{display:flex;align-items:center;gap:17px;min-width:160px}.story-readout>span{font-size:36px;line-height:1;font-weight:300}.story-readout small{font-size:7px;letter-spacing:.14em;color:#c7cac4;display:block}.story-readout strong{font-size:12px;font-weight:400}.story-timeline{position:relative;display:flex;flex:1;justify-content:space-between;padding-bottom:20px;gap:16px}.story-timeline button{color:#c0c6c0;background:none;border:0;padding:12px 0;font-size:10px;white-space:nowrap}.story-timeline button span{font-size:8px;margin-right:8px;color:#a0aaa1}.story-timeline button[aria-current]{color:var(--orange)}.story-track{position:absolute;bottom:0;left:0;right:0;height:1px;background:#ffffff35}.story-track i{display:block;height:2px;width:0;background:var(--orange)}.scroll-cue{display:flex;gap:25px;font-size:8px;letter-spacing:.1em;align-items:center}.scroll-cue span{font-size:25px}.concept-note{position:absolute;bottom:16px;right:4%;font-size:8px;color:#c0c5be}.welcome{padding-top:130px;padding-bottom:130px;display:grid;grid-template-columns:1fr 1.15fr;gap:8%;align-items:center}.welcome h2{font-size:clamp(38px,4vw,64px);margin:25px 0}.welcome p{max-width:380px;color:var(--muted);font-size:14px}.welcome figure{margin:0}.welcome img{aspect-ratio:1.15;object-fit:cover}.welcome figcaption{font-size:8px;letter-spacing:.1em;color:var(--muted);margin-top:14px}.intro-strip{background:#181e19;color:#c6cec5;border-block:1px solid var(--line)}.intro-strip span:before{color:var(--orange)}.intro-strip .container{font-weight:400}.intro h2{font-size:clamp(42px,5vw,70px)}.services{border-top:1px solid var(--line);background:#151a16}.service-card h3{font-weight:400}.section-label .eyebrow,.portfolio>.section-heading .eyebrow,.approach-copy .eyebrow{color:var(--orange)}.project-meta{border-bottom:1px solid var(--line)}.project-meta h3{font-weight:400}.project-image{background:#242b25}.project-filters button.active{color:var(--orange);border-color:var(--orange)}.approach{background:#1c231d}.approach-row{border-color:var(--line)}.approach-row>span{color:var(--orange)}.cta{border-top:1px solid var(--line);background:#182019}.footer{background:#0d110e}.interior .site-header{background:#101511}.inquiry-form{background:#202720}.fields input,.fields select,.fields textarea{background:#111811;color:#f2f3ee;border-color:#5c6559}.fields input::placeholder,.fields textarea::placeholder{color:#a1aa9d}.fields label>span,.form-head .eyebrow{color:var(--orange)}.contact-details h2{font-weight:400}.newsletter input{color:#fff}.mobile-cta{display:none}.legal{color:var(--paper)}.text-link:hover{color:var(--orange)}:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal-ready.revealed{opacity:1;transform:none}
@media(max-width:800px){body{padding-bottom:0}.header-inner{height:82px}.story-topline{top:105px}.story-copy{left:6%;top:33%;max-width:80%}.story-copy h1{font-size:clamp(42px,7vw,64px)}.story-side{right:4%;top:40%}.story-bottom{gap:25px;bottom:55px}.story-readout{min-width:115px;gap:10px}.story-readout>span{font-size:28px}.scroll-cue{display:none}.story-timeline button{font-size:9px}.story-timeline button span{display:none}.welcome{padding-block:85px;gap:40px}.welcome h2{font-size:40px}.site-header nav{background:#121912}.project:last-child{max-width:none}.story-shade{background:linear-gradient(90deg,#08100c90,transparent),linear-gradient(0deg,#080e0bf5,transparent 35%,transparent 65%,#080e0b88)}}
@media(max-width:540px){.build-story{height:440svh}.story-stage{min-height:650px}.story-scene{object-position:60% center}.story-copy{top:27%;left:6%;max-width:86%}.story-copy h1{font-size:48px}.story-copy p{max-width:240px;font-size:12px}.story-copy .eyebrow{margin-bottom:18px}.story-topline{font-size:7px;letter-spacing:.07em;left:6%;right:6%}.story-side>span{display:none}.story-side{top:auto;bottom:158px;right:6%}.story-bottom{display:block;left:6%;right:6%;bottom:45px}.story-readout{margin-bottom:8px}.story-readout small{display:none}.story-readout>span{font-size:24px}.story-timeline{gap:8px;padding-bottom:6px}.story-timeline button{font-size:10px;min-height:44px}.concept-note{font-size:7px;right:6%;bottom:13px}.welcome{grid-template-columns:1fr;padding-block:70px;gap:35px}.welcome h2{font-size:42px}.welcome img{aspect-ratio:1.2}.intro-strip .container{font-size:7px}.story-action{font-size:11px}.section{padding-block:75px}.cta h2{font-weight:400}}
@media(prefers-reduced-motion:reduce){.build-story{height:100svh;min-height:650px}.story-stage{position:relative}.story-timeline{display:none}.story-scene{will-change:auto}.reveal-ready{opacity:1;transform:none}}
.home .site-header{position:fixed;background:linear-gradient(#0b120dd9,#0b120d30);backdrop-filter:blur(7px)}
@media(prefers-reduced-motion:reduce){.home .site-header{position:absolute}}
/* Full-resolution construction film, version 2. */
.build-story{height:650svh}.story-poster,#construction-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-poster{object-position:center}#construction-film{opacity:0;display:block}#construction-film.loaded{opacity:1}.story-copy{top:31%;left:5%;max-width:570px}.story-copy h1{font-size:clamp(42px,4.8vw,74px)}.story-copy p{max-width:275px}.story-readout{min-width:125px}.story-readout>span{font-size:25px}.story-readout strong{font-size:11px}.story-bottom{bottom:45px}.story-shade{background:linear-gradient(90deg,#07100b88,transparent 58%),linear-gradient(0deg,#070d0be8,transparent 24%,transparent 85%,#080e0b50)}.home .site-header{backdrop-filter:none;background:linear-gradient(#0b120de0,#0b120d55)}
@media(max-width:800px){.story-copy{top:25%;max-width:80%}.story-copy h1{font-size:clamp(38px,6vw,54px)}.story-bottom{bottom:45px}}
@media(max-width:540px){.build-story{height:600svh}.story-stage{min-height:620px}.story-copy{top:20%;left:6%;max-width:88%}.story-copy h1{font-size:38px;margin-bottom:18px}.story-copy .eyebrow{font-size:8px;margin-bottom:13px}.story-copy p{font-size:11px;max-width:230px}.story-bottom{bottom:39px}.story-readout{margin-bottom:4px}.story-readout>span{font-size:20px}.story-topline{top:100px}.story-shade{background:linear-gradient(90deg,#07100b88,transparent 90%),linear-gradient(0deg,#070d0bf5,transparent 25%,transparent 80%,#080e0b70)}}
@media(prefers-reduced-motion:reduce){.build-story{height:100svh;min-height:620px}.story-stage{position:relative}.story-timeline{display:none}.story-copy{opacity:1!important;transform:none!important}}
/* Vector arrows stay monochrome on iOS and Android; never emoji glyphs. */
.arrow-icon{display:inline-block;width:18px;height:18px;flex:0 0 auto;vertical-align:-.2em;overflow:visible}.header-cta .arrow-icon,.text-link .arrow-icon,.footer .arrow-icon,.story-topline .arrow-icon{width:14px;height:14px}.project-image .arrow-icon{width:22px;height:22px}.scroll-cue .arrow-icon{width:22px;height:22px}.story-scenes>picture{position:absolute;inset:0;display:block}