/* Full-bleed architectural opening, with the brand kept in blue. */
:root{--hero-ink:#0c121b;--hero-warm:#d2c2a7}
.header{position:absolute;inset:0 0 auto;height:101px;background:linear-gradient(180deg,#0a1119a6,#0a111925);color:#f5f3ed;border-bottom:1px solid #ffffff24;padding:0 6%;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.header .brand img{filter:brightness(0) invert(1);width:43px;height:43px}
.header .brand{gap:13px}.header .brand-type{font-size:27px;letter-spacing:7.2px}.header .brand-type small{font-size:7.1px;letter-spacing:1.4px;color:#c7cbd1}
.desktop-nav{margin-right:5.7%;gap:37px}.desktop-nav a{font-size:11px;color:#d3d8de;letter-spacing:.15px}.desktop-nav a:hover{color:#fff}.desktop-nav a:after{background:#b6ceff}
.header-cta{border-color:#ffffff60;font-size:10px;letter-spacing:.3px;gap:26px;padding:14px 18px;background:#ffffff04}.header-cta:hover{background:#f6f4ed;color:var(--navy);border-color:#f6f4ed}
.hero{height:100svh;min-height:800px;max-height:1100px;background:var(--hero-ink);perspective:1800px;--scene-x:0px;--scene-y:0px;--scene-rx:0deg;--scene-ry:0deg}
.hero-photo{inset:0;z-index:-2;animation:sceneArrive 1.6s ease-out both}
.hero-photo img{height:100%;width:100%;object-position:50% 50%;animation:none;transform:perspective(1800px) translate3d(var(--scene-x),var(--scene-y),0) rotateX(var(--scene-rx)) rotateY(var(--scene-ry)) scale(1.055);transform-origin:55% 55%}
.photo-shade{background:linear-gradient(90deg,rgba(7,15,24,.85) 0%,rgba(7,15,24,.72) 20%,rgba(7,15,24,.43) 40%,rgba(7,15,24,.08) 67%,rgba(7,15,24,.05) 100%),linear-gradient(0deg,#0c121be6,transparent 26%,transparent 75%,#0c121b55);pointer-events:none}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 75% 39%,#dba66512,transparent 53%);pointer-events:none}
.hero-content{padding:0;position:absolute;left:7.1%;top:50%;width:630px;transform:translateY(-42%);z-index:2}
.hero .eyebrow{font-size:9px;letter-spacing:2.3px;color:#c6cfd9;gap:13px}.hero .tiny-line{width:29px;background:#779fe6}
.hero h1{font-size:clamp(72px,6.6vw,111px);line-height:.99;letter-spacing:-3.8px;margin:29px 0 25px;color:#f6f3eb;text-shadow:0 3px 35px #0000001a;font-weight:400}
.hero h1 em{display:block;color:#c8d9f5;font-size:.72em;line-height:1.18;letter-spacing:-2.6px;margin-top:13px;font-weight:400;white-space:nowrap}
.hero-description{font-size:13px;line-height:1.8;color:#c6cbd1;letter-spacing:.08px;max-width:360px}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:29px}
.hero .button{margin:0;min-width:211px;min-height:55px;padding:17px 21px;font-size:11px;gap:38px;box-shadow:inset 0 1px 0 #ffffff2e,0 3px 0 #053ca6,0 10px 35px #00000025;position:relative}
.hero .button:hover{box-shadow:inset 0 1px 0 #ffffff35,0 4px 0 #053ca6,0 16px 40px #00000040}
.hero-secondary{font-size:10px;display:flex;align-items:center;gap:17px;color:#e0e4e9;border-bottom:1px solid #c6cbd170;padding:10px 0 9px;transition:border-color .3s,color .3s}
.hero-secondary span{font-size:18px;transition:transform .3s}.hero-secondary:hover{color:#fff;border-color:#fff}.hero-secondary:hover span{transform:translate(2px,2px)}
.hero-foot{font-size:7px;letter-spacing:1.4px;line-height:1.7;margin-top:29px;color:#b2bdcd;display:flex;align-items:center;gap:10px;padding:0}
.hero-dot{position:static;width:4px;height:4px;background:#719ce3;border:none}.hero-foot-second{margin-left:2px;color:#9eaabc;font-size:6px;letter-spacing:1.1px;border-left:1px solid #ffffff40;padding-left:10px}
.hero-caption{bottom:37px;right:6%;gap:30px;align-items:flex-end}.hero-caption span:first-child{font-size:7px;letter-spacing:1.8px;border-top:1px solid #ffffff4a;padding-top:13px;min-width:180px}.hero-caption span:last-child{font-size:19px;color:#d9d8d3;padding-top:8px}
.hero-project-note{position:absolute;right:7%;bottom:150px;display:flex;align-items:center;gap:16px;padding:17px 22px;border:1px solid #ffffff26;background:linear-gradient(125deg,#ffffff09,#ffffff03);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 40px #0000001a;z-index:1}
.hero-project-note>span:last-child{font-size:7px;letter-spacing:1.6px;line-height:1.9;color:#d0d5dc}.hero-project-note b{color:#f2f3f4;font-weight:500}.note-cross{font-size:29px;color:#c1cbdc;font-family:var(--serif);font-weight:400;line-height:1}
.scroll-cue{left:7.1%;bottom:35px;font-size:7px;letter-spacing:1.8px;gap:18px}.scroll-cue>span:last-child{width:33px;height:33px;border-color:#ffffff40}
.hero-vertical{right:24px;top:38%;font-size:6px;letter-spacing:2.3px;color:#d3d8dfa0}
.intro-band{background:#101a29;color:#e4e9f1;border-color:#ffffff16;padding-top:35px;padding-bottom:35px;position:relative}.intro-band:before{content:'';position:absolute;left:6.5%;right:6.5%;top:0;height:1px;background:linear-gradient(90deg,transparent,#ffffff22,transparent)}
.intro-band>p{font-size:20px;color:#e4e7ec}.intro-band>div svg{color:#92aacd;stroke-width:1.05}.intro-band>div>span{font-size:7px;letter-spacing:1px;font-weight:500}.intro-band small{color:#98a7bd;font-size:10px}
.portfolio{padding-top:100px}.project-image{box-shadow:0 12px 28px -20px #07132565}.style-photo,.essence-photo{box-shadow:0 22px 60px -35px #05101b80}
.style-option{transition:padding .3s,color .3s}.style-option:hover{padding-left:5px}.button-blue:not(.hero .button){box-shadow:inset 0 1px 0 #ffffff26,0 2px 0 #0643b2,0 8px 25px #101e3514}.button-blue:active{transform:translateY(1px)!important;box-shadow:inset 0 1px 0 #ffffff20,0 0 0 #0643b2}
@keyframes sceneArrive{from{opacity:0;filter:brightness(.72)}to{opacity:1;filter:brightness(1)}}
@media(min-width:1700px){.hero-content{left:max(7.1%,calc((100vw - 1480px)/2));width:700px}.hero h1{font-size:112px}.hero-description{font-size:14px}.hero-actions{margin-top:34px}.hero-foot{margin-top:36px}}
@media(max-width:1150px){.header{height:90px;padding:0 5%}.desktop-nav{gap:24px;margin-right:4%}.hero{min-height:760px}.hero-content{left:6.5%;width:570px;transform:translateY(-40%)}.hero h1{font-size:83px;letter-spacing:-3px}.hero h1 em{font-size:.7em;letter-spacing:-1.8px}.hero .eyebrow{font-size:8px;letter-spacing:1.7px}.hero-project-note{bottom:130px;right:6%;padding:15px 17px}.hero-project-note>span:last-child{font-size:6px;letter-spacing:1.2px}.hero-caption span:last-child{font-size:16px}.hero-caption{right:5%;gap:20px}.hero-vertical{right:17px}.intro-band>div>span{font-size:6.5px;letter-spacing:.6px}.intro-band small{font-size:9px}}
@media(max-width:850px){.header{height:85px}.header .brand img{width:39px;height:39px}.header .brand-type{font-size:24px}.header-cta{font-size:10px;margin-right:24px;padding:12px 14px;gap:20px}.menu-toggle span{background:#e3e8ef}.mobile-nav:not([hidden]){top:85px;background:#101a29;color:white;box-shadow:0 20px 40px #00000050;padding-left:5%;padding-right:5%}.mobile-nav a{border-color:#ffffff20}.mobile-nav a span{color:#9cbbf6}.hero{height:100svh;min-height:760px;max-height:1050px}.hero-content{left:7%;width:550px;top:49%;transform:translateY(-36%)}.hero h1{font-size:84px;line-height:1.01;letter-spacing:-3.7px;margin-top:25px}.hero-description{font-size:12px;line-height:1.8}.hero-photo{inset:0;height:auto}.hero-photo img{object-position:63% center}.photo-shade{background:linear-gradient(90deg,#07111cce,rgba(7,17,28,.54) 55%,rgba(7,17,28,.1)),linear-gradient(0deg,#0c121be6,transparent 28%,transparent 80%,#0c121b44)}.hero-caption{bottom:35px;right:6%;left:auto}.hero-caption span:last-child{display:none}.hero-project-note{display:none}.hero-vertical{display:block;font-size:6px;right:16px;top:33%}.scroll-cue{left:7%;bottom:32px}.intro-band{padding:29px 6%;gap:18px}.intro-band>div{gap:13px}.intro-band>div>span{font-size:7px;letter-spacing:.4px}.intro-band small{font-size:9px}}
@media(max-width:600px){.header{height:83px;padding:0 7%;background:linear-gradient(180deg,#0a1119a6,#0a111930);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.header .brand img{width:33px;height:33px}.header .brand{gap:9px}.header .brand-type{font-size:22px;letter-spacing:5.7px}.header .brand-type small{font-size:5.7px;letter-spacing:1px;color:#d0d5dd}.header-cta{font-size:8px;letter-spacing:0;border:none;padding:0;gap:9px;margin-right:20px;background:none}.header-cta:hover{background:none;color:#fff}.menu-toggle span{width:21px}.mobile-nav:not([hidden]){top:83px;padding:10px 7% 25px}.hero{display:block;height:850px;min-height:min(850px,100svh);max-height:1050px;height:100svh;min-height:790px}.hero-photo{inset:0;height:auto;z-index:-2}.hero-photo img{height:100%;object-position:64% center;transform:scale(1.02)}.photo-shade{background:linear-gradient(180deg,#09111b80 0%,#09111b92 14%,#09111b73 40%,#09111b0d 70%,#09111bc9 100%),linear-gradient(90deg,#07101b8f,#07101b44 50%,#07101b16)}.hero-content{position:absolute;left:8%;top:168px;transform:none;width:84%;height:auto;background:none;padding:0}.hero .eyebrow{font-size:7px;letter-spacing:1.5px;gap:10px}.hero .tiny-line{width:22px}.hero h1{font-size:clamp(62px,16vw,88px);line-height:1.025;letter-spacing:-2.8px;margin:26px 0 23px}.hero h1 em{font-size:.56em;line-height:1.3;letter-spacing:-1px;margin-top:11px;white-space:nowrap}.hero-description{font-size:11px;line-height:1.8;max-width:270px;color:#e0e2e5}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:15px;margin-top:27px}.hero .button{min-height:52px;min-width:216px;font-size:11px;padding:16px 21px;margin:0;gap:34px}.hero-secondary{font-size:10px;padding:8px 0;gap:29px}.hero-secondary span{font-size:17px}.hero-foot{font-size:6px;letter-spacing:.9px;margin-top:25px;flex-wrap:wrap;gap:7px;max-width:310px}.hero-foot-second{font-size:5.5px;letter-spacing:.7px;padding-left:8px;margin-left:0}.hero-dot{width:4px;height:4px;top:auto}.hero-vertical{display:none}.hero-caption{display:flex;left:auto;right:8%;bottom:29px;gap:0}.hero-caption span:first-child{font-size:6px;min-width:0;letter-spacing:1.3px;padding-top:12px;max-width:147px}.hero-caption span:last-child{display:none}.scroll-cue{display:flex;left:8%;bottom:26px;gap:0}.scroll-cue>span:first-child{display:none}.scroll-cue>span:last-child{width:36px;height:36px;font-size:15px}.intro-band{grid-template-columns:1fr;padding:31px 8%;gap:23px}.intro-band>div{gap:18px}.intro-band>div>span{font-size:8px;letter-spacing:.9px}.intro-band small{font-size:10px;letter-spacing:.1px}.intro-band svg{width:28px;height:28px}.portfolio{padding-top:66px}}
@media(max-width:365px){.header{padding-left:6%;padding-right:6%}.header .brand-type{font-size:20px}.header-cta{font-size:7px;margin-right:13px;gap:7px}.hero-content{top:150px;left:7%;width:86%}.hero h1{font-size:59px}.hero .eyebrow{font-size:6px;letter-spacing:1.2px}.hero-description{font-size:10.5px}.hero-foot{font-size:5.7px;gap:6px}.hero-foot-second{font-size:5px;letter-spacing:.3px}.hero{min-height:760px}.hero-caption span:first-child{font-size:5.5px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.hero-photo img{transform:none}.hero-photo{animation:none}.hero-secondary span{transition:none}}

@media(min-width:366px) and (max-width:600px){.hero{min-height:820px}.hero-content{top:clamp(135px,18svh,168px)}.hero h1{font-size:clamp(62px,15vw,80px)}}