@font-face{font-family:Display;src:local('Arial Black');font-weight:900}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#f6f3e9;color:#111;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #6554d9;outline-offset:5px}.skip{position:fixed;top:-100px;background:#f4ed30;padding:20px;z-index:20}.skip:focus{top:0}header{background:#f4ed30;display:flex;align-items:center;justify-content:space-between;padding:19px 3.4%;position:sticky;top:0;z-index:10;border-bottom:1px solid #111}.logo{font-weight:1000;font-size:30px;letter-spacing:-1.8px}nav{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:bold}nav>a:not(.button):hover{text-decoration:underline;text-underline-offset:5px}.button{padding:19px 23px;display:inline-flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid #111;font-size:12px;font-weight:800;letter-spacing:.4px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.black{background:#111;color:#f6f3e9}.yellow{background:#f4ed30;color:#111}.outline{border-color:#fff;color:#fff}.hero{min-height:690px;height:calc(100svh - 83px);max-height:1000px;background:#252a25;color:#f6f3e9;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero-photo{position:absolute;inset:0;background:linear-gradient(0deg,#000b,#0003 60%,#0005),url('assets/coastal-hero-v2.webp') center 55%/cover}.hero-top,.hero-foot{position:relative;display:flex;justify-content:space-between;gap:20px;padding:28px 3.4%;font-size:10px;letter-spacing:1.5px}.hero-body{position:relative;padding:30px 3.4% 15px}.hero h1{font-family:Display,Arial,sans-serif;font-weight:1000;font-size:clamp(54px,8.6vw,153px);letter-spacing:-.075em;line-height:.94;margin:0 0 40px;transform:scaleY(1.12);transform-origin:bottom left}.hero h1 span{color:#f4ed30}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:24px}.hero-bottom p{font-size:17px;line-height:1.5;margin:0}.actions{display:flex;gap:12px}.hero-foot{font-size:9px;letter-spacing:1px;border-top:1px solid #ffffff40;margin-top:20px}.ticker{background:#f4ed30;padding:23px;text-align:center;font-weight:900;letter-spacing:1px;font-size:17px;overflow:hidden;white-space:nowrap}.ticker span{margin:0 35px}.wrap{padding:100px 6%}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:800;margin-bottom:28px}h2,h3{font-family:Display,Arial,sans-serif;font-weight:1000;letter-spacing:-.055em;line-height:.98;margin:0}h2{font-size:clamp(39px,5.2vw,83px)}h3{font-size:clamp(26px,3vw,43px)}p{font-size:15px;line-height:1.75;max-width:570px}.large{font-size:23px;line-height:1.45}.intro{display:grid;grid-template-columns:1fr 2fr;gap:60px}.intro>div:last-child{max-width:800px}.intro p{max-width:650px}.text-link{display:inline-block;font-weight:800;font-size:11px;letter-spacing:.7px;border:0;border-bottom:1px solid currentColor;background:none;color:inherit;padding:10px 0;margin-top:15px;text-align:left}.work{background:#111;color:#f6f3e9}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:45px}.section-head p{max-width:340px;font-size:13px}.tabs{display:flex;border-bottom:1px solid #555;gap:35px;margin-bottom:25px}.tabs button{background:none;color:#b4b4ad;border:0;padding:18px 0;font-size:11px;letter-spacing:1px}.tabs button.active{color:#f4ed30;border-bottom:3px solid #f4ed30}.comparison{position:relative;aspect-ratio:4/3;overflow:hidden}.comparison>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.comparison #after{clip-path:inset(0 0 0 50%)}.tag{position:absolute;top:23px;background:#111d;padding:10px 13px;font-size:10px;letter-spacing:1px}.before{left:20px}.after{right:20px;color:#f4ed30}#divider{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#f4ed30;pointer-events:none}#divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#f4ed30;color:#111;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;font-size:24px}#compare{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.comparison:focus-within{outline:3px solid #6554d9}.caption{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;margin-top:20px}.note{font-size:12px;line-height:1.6;max-width:750px;opacity:.75}.film{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center;margin-top:80px}.film-frame{aspect-ratio:1.5;background:linear-gradient(135deg,#343830,#171c17);padding:30px;display:flex;flex-direction:column;justify-content:space-between;position:relative;border:1px solid #555;font-weight:bold;line-height:1.4}.film-cross{font-size:100px;color:#f4ed30;font-weight:400}.film-time{font-size:9px;letter-spacing:1px}.film-copy .text-link{color:#f4ed30}.service-row{display:grid;grid-template-columns:.2fr 1fr 1fr;gap:40px;padding:45px 0;border-top:1px solid #aaa}.services>h2{margin-bottom:60px}.service-row>span{font-size:12px}.service-row p{margin-top:0}.process{background:#f4ed30}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.process .three{margin-top:60px;gap:60px}.number{font-size:75px;font-weight:900;letter-spacing:-5px;display:block;padding-bottom:30px;border-bottom:1px solid #1116;margin-bottom:30px}.process h3{font-size:27px}.packages{background:#eae7dd}.price-grid{gap:15px;align-items:stretch}.price{padding:30px 25px;border:1px solid #111;display:flex;flex-direction:column;background:#f6f3e9}.price-label{font-size:9px;letter-spacing:1px;padding-bottom:25px}.price h3{font-size:29px}.amount{font-size:76px;font-weight:900;letter-spacing:-5px;margin:22px 0 0}.price p{font-size:13px;min-height:45px}.price ul{list-style:none;margin:10px 0 35px;padding:0;flex:1}.price li{border-top:1px solid #1113;padding:12px 0;font-size:12px;line-height:1.5}.price li:before{content:'↗';margin-right:9px}.price .button{font-size:10px}.featured{background:#f4ed30;box-shadow:6px 6px 0 #111}.about{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center}.founder-art{background:#111;color:#f4ed30;aspect-ratio:.85;padding:45px;display:flex;flex-direction:column;justify-content:space-between}.founder-art>div{font-size:230px;letter-spacing:-25px;font-weight:900;line-height:1}.founder-art span{font-size:150px}.founder-art small{font-size:13px;letter-spacing:3px;line-height:1.6}.about h2{font-size:clamp(40px,4.4vw,70px)}.faq{border-top:1px solid #bbb;display:grid;grid-template-columns:1fr 1.2fr;gap:50px}details{border-bottom:1px solid #bbb}summary{padding:25px 25px 25px 0;cursor:pointer;font-size:15px;font-weight:bold}details p{font-size:13px}.contact{background:#f4ed30;display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact h2{font-size:clamp(42px,4.9vw,78px)}.email{display:block;font-size:20px;letter-spacing:-.5px;margin:30px 0}.sample{display:block}.form-note{font-size:11px;font-weight:bold;line-height:1.6;border-bottom:1px solid #111;padding-bottom:20px;margin-bottom:25px}.form-note span{font-weight:400}label{display:block;font-size:11px;font-weight:bold;margin-bottom:20px}label span{font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #1118;background:transparent;border-radius:0;padding:12px 0;color:#111;font-size:14px}textarea{resize:vertical}select{font-size:12px}form .button{width:100%}.inline{background:none;border:0;text-decoration:underline;padding:0}.form-note~.note{font-size:11px}#form-status{font-size:13px;line-height:1.6;margin-top:18px}#email-actions .button{margin-top:10px}footer{background:#111;color:#f6f3e9;padding:45px 6%}footer>.logo{font-size:45px}footer>span{float:right;font-size:11px;margin-top:20px}footer>div{display:flex;gap:25px;font-size:10px;align-items:center;border-top:1px solid #555;padding-top:25px;margin-top:40px}footer button{background:none;border:0;color:inherit;font-size:10px}footer>div>a{margin-left:auto}dialog{border:0;background:#f6f3e9;max-width:700px;max-height:85vh;padding:45px}dialog::backdrop{background:#000a}dialog h2{font-size:40px}dialog p{font-size:13px}.close{float:right;border:0;background:#111;color:white;padding:12px}.empty{min-height:400px;padding:70px 30px;border:1px solid #555}.empty>span{font-size:10px;letter-spacing:2px}.empty h3{margin-top:40px}#menu{display:none}[hidden]{display:none!important}@media(min-width:1500px){.wrap{padding-left:calc((100vw - 1320px)/2);padding-right:calc((100vw - 1320px)/2)}}@media(max-width:1000px){nav{gap:15px}.logo{font-size:25px}.hero-bottom{align-items:start;flex-direction:column}.hero{min-height:650px}.wrap{padding:75px 5%}.about{gap:40px}.contact{gap:35px}.price{padding:25px 18px}.price h3{font-size:24px}.film{gap:35px}}@media(max-width:720px){header{padding:18px 5%}#menu{display:block;background:#111;color:#f4ed30;border:0;padding:12px;font-size:11px}nav{display:none;position:absolute;top:73px;left:0;right:0;background:#f4ed30;padding:25px;align-items:stretch;flex-direction:column;gap:25px}nav.open{display:flex}.hero{height:auto;min-height:680px}.hero-top span:last-child{display:none}.hero-top{font-size:8px;padding:25px 5%}.hero-body{padding:90px 5% 30px}.hero h1{font-size:clamp(35px,9.2vw,67px);letter-spacing:-.075em;margin-bottom:35px}.hero-bottom p{font-size:14px}.actions{flex-wrap:wrap;gap:10px}.button{font-size:10px;padding:17px}.hero-foot{padding:20px 5%;font-size:8px}.hero-foot>a{display:none}.ticker{font-size:12px;padding:20px 5%;text-align:left}.ticker span{margin:0 15px}.wrap{padding:65px 6%}.intro,.about,.faq,.contact{grid-template-columns:1fr;gap:35px}.section-head{align-items:start;flex-direction:column;gap:18px}.section-head p{margin:0}.tabs{gap:15px}.tabs button{font-size:8px;line-height:1.5;text-align:left}.comparison{aspect-ratio:4/3}.tag{top:12px;font-size:8px;padding:8px}.before{left:10px}.after{right:10px}.caption{font-size:8px;gap:15px}.film{grid-template-columns:1fr;gap:30px;margin-top:50px}.film-frame{aspect-ratio:1.4}.service-row{grid-template-columns:25px 1fr;gap:18px;padding:35px 0}.service-row>div{grid-column:2}.three{grid-template-columns:1fr}.process .three{gap:40px}.number{font-size:60px;padding-bottom:15px;margin-bottom:20px}.price h3{font-size:32px}.price{padding:30px}.price p{min-height:0}.featured{box-shadow:4px 4px 0 #111}.founder-art{aspect-ratio:1.4;padding:30px}.founder-art>div{font-size:140px}.founder-art span{font-size:100px}.founder-art small{font-size:10px}.form-grid{grid-template-columns:1fr;gap:0}.email{font-size:19px}footer>.logo{font-size:35px}footer>span{display:block;float:none}footer>div{gap:12px;flex-wrap:wrap}dialog{padding:25px;width:90%}dialog h2{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Keep room selectors and the complete comparison together within the viewport. */
#work .tabs,#living,#awaiting{width:min(100%,1200px,calc((100svh - 290px)*1.777778));margin-left:auto;margin-right:auto}
#work .tabs{scroll-margin-top:110px}
@media(max-width:720px){#work .tabs,#living,#awaiting{width:100%}}

/* Wide landscape comparisons with identical cropping for both image layers. */
#comparison{aspect-ratio:16/9}
#comparison>img{object-position:center 60%}

.about-photo{margin:0;background:#111;align-self:center}.about-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center top}.about-photo figcaption{padding:19px 22px;color:#f4ed30;font-size:10px;font-weight:700;letter-spacing:1.5px}

.intro-visual img{display:block;width:100%;max-width:360px;height:auto;margin:30px auto 0}.intro-visual{min-width:0}@media(max-width:720px){.intro-visual img{max-width:260px;margin:24px auto 0}}

.founder-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-self:center}.founder-photos .about-photo img{aspect-ratio:3/4;object-fit:cover;object-position:center 20%}