*{box-sizing:border-box} :root{--bg:#080d1a;--panel:#10192b;--panel2:#0c1425;--line:rgba(153,181,232,.14);--text:#f4f7ff;--muted:#9aa9c3;--blue:#3478ff;--cyan:#55d5ff;--max:1180px}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.ambient{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.16}.ambient-a{width:450px;height:450px;background:#1c62ff;top:120px;right:-180px}.ambient-b{width:400px;height:400px;background:#006bba;top:1500px;left:-220px}.shell{width:min(var(--max),100%);margin-inline:auto;padding-inline:28px}.header{height:82px;width:min(var(--max),100%);padding:0 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #9bb6e10e;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-family:"Space Grotesk",sans-serif;font-size:15px;font-weight:700;letter-spacing:-.03em}.brand-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(140deg,#4c8bff,#2048c6);box-shadow:0 6px 22px #1b58d044;font-size:13px;letter-spacing:-.07em}.brand-icon span{color:#a8f0ff}.nav{display:flex;align-items:center;gap:26px;color:#9baac4;font-size:12px}.nav-link{transition:color .2s}.nav-link:hover,.nav-link.active{color:#fff}.nav-cta{padding:10px 14px;border:1px solid #94b2ed33;border-radius:9px;background:#ffffff05;color:white}.nav-cta span{color:var(--cyan);margin-left:7px}.menu-toggle{display:none}.hero{min-height:700px;padding-top:82px;padding-bottom:50px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;position:relative}.hero-copy{position:relative;z-index:2}.availability{display:inline-flex;align-items:center;gap:9px;border:1px solid #4b88ff3b;background:#1b3d821c;border-radius:40px;padding:8px 12px;font-size:9px;letter-spacing:.13em;font-weight:700;color:#c2d3f1}.pulse,.label-dot{width:7px;height:7px;border-radius:50%;background:#54e1b6;box-shadow:0 0 12px #54e1b688}.eyebrow{font-size:10px;letter-spacing:.17em;color:#829dd2;font-weight:700;margin:25px 0 15px}.eyebrow b{color:#4f83ff;padding:0 4px}.hero h1,.section-head h2,.contact-inner h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(43px,5.1vw,68px);line-height:1.06;letter-spacing:-.065em;margin:0}.gradient{background:linear-gradient(100deg,#fff 0%,#94beff 38%,#397eff 77%,#66dcff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{font-size:14px;line-height:1.9;color:#a3b1c9;max-width:520px;margin:23px 0 27px}.actions,.contact-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 17px;border-radius:9px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(110deg,#347cff,#2856df);box-shadow:0 10px 30px #2259dc30;color:#fff}.btn-primary:hover{box-shadow:0 12px 35px #2259dc5c}.btn-quiet,.btn-outline{border:1px solid #9ab4e43b;background:#ffffff04;color:#e3ebfc}.btn span{font-size:16px}.hero-note{display:flex;align-items:flex-start;gap:12px;max-width:450px;margin-top:32px}.note-rule{height:1px;width:28px;background:#4b8aff;flex-shrink:0;margin-top:10px}.hero-note p{margin:0;font-size:10px;line-height:1.8;color:#7f90af}.hero-stats{display:flex;align-items:center;gap:17px;margin-top:35px}.hero-stats div{display:flex;flex-direction:column;gap:2px}.hero-stats strong{font-family:"Space Grotesk",sans-serif;font-size:18px;letter-spacing:-.04em}.hero-stats span{font-size:8px;letter-spacing:.12em;color:#7183a3}.hero-stats>i{width:1px;height:30px;background:var(--line)}.hero-portrait{height:500px;position:relative;display:grid;place-items:center}.portrait-halo{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,#1c5bd833,transparent 68%);filter:blur(8px)}.portrait-frame{position:relative;width:min(350px,76%);height:420px;border:1px solid #6eaaff48;border-radius:170px 170px 28px 28px;overflow:hidden;background:linear-gradient(150deg,#14294d,#080e1c);box-shadow:0 30px 90px #0008,0 0 55px #286cff1b}.portrait-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,#07102099);pointer-events:none}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center 23%;display:block}.portrait-label{position:absolute;bottom:43px;left:4%;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid #91b2ed32;border-radius:12px;background:#0c1528eF;box-shadow:0 15px 35px #0006;backdrop-filter:blur(12px)}.portrait-label .label-dot{width:6px;height:6px}.portrait-label strong,.portrait-label small{display:block}.portrait-label strong{font-size:11px}.portrait-label small{font-size:9px;color:#92a3bf}.label-arrow{margin-left:16px;color:#79bdff}.floating-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #8eafe832;border-radius:12px;background:linear-gradient(135deg,#17243cef,#0b1324f2);box-shadow:0 15px 35px #0006;backdrop-filter:blur(12px)}.floating-chip b,.floating-chip small{display:block}.floating-chip b{font-size:10px}.floating-chip small{font-size:8px;color:#92a3bf;margin-top:2px}.chip-symbol,.chip-check{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#2868e52c;color:#80d9ff;font-size:17px}.chip-check{background:#1e9d8523;color:#55e1b4}.chip-one{top:70px;right:-3px}.chip-two{bottom:105px;right:-8px}.portrait-caption{position:absolute;bottom:8px;right:3px;font-size:8px;letter-spacing:.15em;color:#6f84a8}.portrait-caption span{color:#4c88ff}.scroll-cue{grid-column:1/-1;display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.17em;color:#7183a3;margin-top:18px}.scroll-cue b{font-size:17px;color:#8bcaff;font-weight:400}.trust-strip{border-block:1px solid var(--line)}.strip-inner{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#7d90b1;font-size:9px;letter-spacing:.14em}.strip-inner i{width:4px;height:4px;border-radius:50%;background:#4c83ff;flex-shrink:0}.section{padding-top:112px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}.section-kicker{font-size:9px;letter-spacing:.18em;font-weight:700;color:#72a0ff;margin:0 0 15px}.section-head h2{font-size:clamp(34px,4.2vw,52px)}.dim{color:#8391aa}.section-aside{max-width:315px;margin:0 0 3px;color:#8f9fba;font-size:11px;line-height:1.9}.about-grid{display:grid;grid-template-columns:1fr .95fr;gap:18px}.about-panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:17px;padding:31px;background:linear-gradient(140deg,#121f37,#0b1221 72%);min-height:355px}.panel-glow{position:absolute;width:210px;height:210px;right:-85px;top:-100px;border-radius:50%;background:#286cff25;filter:blur(30px)}.tiny-label{font-size:9px;letter-spacing:.18em;color:#79a4ff;font-weight:700}.about-panel h3{font-family:"Space Grotesk",sans-serif;font-size:26px;line-height:1.25;letter-spacing:-.04em;max-width:450px;margin:17px 0}.about-panel>p:not(.tiny-label){font-size:11px;line-height:1.95;color:#96a5c0}.inline-link{display:inline-flex;gap:10px;color:#8ecaff;font-size:11px;margin-top:10px}.principles{display:flex;flex-direction:column;gap:10px}.principle{display:flex;gap:17px;padding:17px 19px;border:1px solid var(--line);border-radius:13px;background:#ffffff03;flex:1}.principle>span{font-family:"Space Grotesk",sans-serif;font-size:11px;color:#5b95ff;padding-top:2px}.principle h3{font-size:12px;margin:0 0 5px}.principle p{font-size:10px;line-height:1.7;color:#899ab6;margin:0}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.filter{border:1px solid var(--line);border-radius:8px;background:#ffffff03;color:#9caecc;padding:8px 12px;font-size:10px;cursor:pointer;transition:.2s}.filter span{margin-left:6px;color:#80b5ff}.filter.active,.filter:hover{background:#1d4eae38;border-color:#4d83ff68;color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.project-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:linear-gradient(150deg,#111a2c,#0b1220);transition:transform .25s,border-color .25s}.project-card:hover{transform:translateY(-4px);border-color:#4d83ff65}.project-featured{grid-column:span 2;display:grid;grid-template-columns:1.04fr .96fr}.project-wide{grid-column:span 2;display:grid;grid-template-columns:1.04fr .96fr}.project-visual{height:240px;position:relative;display:block;overflow:hidden;isolation:isolate}.project-featured .project-visual,.project-wide .project-visual{height:285px}.preview-tag{position:absolute;right:13px;bottom:13px;padding:6px 8px;border:1px solid #d1e5ff3c;border-radius:6px;background:#0a1224b8;color:#d5e9ff;font-size:7px;letter-spacing:.1em;z-index:3}.project-details{padding:21px;display:flex;justify-content:space-between;align-items:flex-start;gap:13px}.project-index{font-size:8px;letter-spacing:.14em;color:#70a0ff;margin:0 0 7px}.project-details h3{font-family:"Space Grotesk",sans-serif;font-size:18px;letter-spacing:-.03em;margin:0 0 8px}.project-details p:not(.project-index){font-size:10px;line-height:1.8;color:#8e9db7;margin:0;max-width:420px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.tags span{font-size:8px;color:#9eb3d4;border:1px solid #839ac522;padding:4px 7px;border-radius:5px}.project-open{flex:0 0 34px;width:34px;height:34px;border:1px solid #526e9d55;border-radius:50%;display:grid;place-items:center;color:#a8d6ff;font-size:16px;transition:.2s}.project-open:hover{background:#3478ff;color:#fff}.projects-footnote{font-size:10px;color:#7d8ba5;margin:18px 0 0}.projects-footnote span{color:#85baff;margin-right:6px}.browser-bar{height:35px;display:flex;align-items:center;gap:5px;padding:0 13px;background:#101729b8;border-bottom:1px solid #ffffff12;position:relative;z-index:1}.browser-bar>span{width:5px;height:5px;border-radius:50%;background:#7b9cc8}.browser-bar b{margin-left:auto;font-size:7px;letter-spacing:.12em;color:#9aafd1}.visual-radar{background:radial-gradient(circle at 70% 42%,#254fc2 0,transparent 37%),linear-gradient(135deg,#111b35,#0d1324 75%)}.radar-content{position:absolute;left:10%;top:22%;z-index:1}.radar-content small,.realestate-copy small,.health-copy small,.learning-content small,.nocturne-copy small,.zara-copy small,.mono-copy small{display:block;font-size:7px;letter-spacing:.16em;color:#91b5ff;margin-bottom:10px}.radar-content strong{font-family:"Space Grotesk",sans-serif;font-size:clamp(29px,4vw,45px);line-height:.95;letter-spacing:-.06em;display:block}.radar-content em{font-style:normal;color:#62d8ff}.radar-cta{margin-top:17px;display:inline-block;padding:8px 11px;background:#3a79ff;font-size:7px;letter-spacing:.12em}.radar-orb{position:absolute;z-index:-1;width:170px;height:170px;left:250px;top:0;border:1px solid #5b9bff47;border-radius:50%;box-shadow:inset 0 0 45px #2c68ff27,0 0 45px #2c68ff27}.visual-realestate{background:linear-gradient(140deg,#1a2c40,#3c6074 55%,#0e1c2c)}.realestate-top,.aurelia-top,.nocturne-top,.zara-top,.mono-top{position:absolute;top:18px;left:19px;right:19px;display:flex;justify-content:space-between;z-index:1;font-family:"Space Grotesk",sans-serif;font-size:10px;letter-spacing:.1em}.realestate-top span:last-child,.nocturne-top span,.zara-top span,.mono-top span{font-family:"DM Sans",sans-serif;font-size:7px;color:#d0dbea;letter-spacing:.13em}.realestate-building{position:absolute;width:46%;height:100%;right:5%;top:0;background:linear-gradient(115deg,#c3d3d7,#7398a9 50%,#294b62);clip-path:polygon(22% 8%,100% 0,100% 100%,0 100%,0 23%);box-shadow:0 0 45px #0005}.building-windows{position:absolute;inset:16% 12% 0 18%;background:repeating-linear-gradient(90deg,transparent 0 20px,#203e56 21px 27px),repeating-linear-gradient(0deg,transparent 0 23px,#203e56 24px 29px);opacity:.7}.realestate-copy{position:absolute;left:8%;top:28%;z-index:2}.realestate-copy small{color:#e0e8e9}.realestate-copy strong{font-family:"Space Grotesk",sans-serif;font-size:31px;line-height:1;letter-spacing:-.06em;display:block}.realestate-copy>span,.health-button,.nocturne-copy>span,.zara-copy>span,.mono-copy>span{display:inline-block;margin-top:16px;font-size:7px;letter-spacing:.12em;border-bottom:1px solid #c0d8e8;padding-bottom:5px}.visual-health{background:linear-gradient(135deg,#dceee9,#b4d6ce 65%,#8eb9b4);color:#174b49}.carely-brand{position:absolute;top:18px;left:20px;font-size:14px;font-weight:700;color:#174b49}.carely-brand span{color:#3e9e92}.health-copy{position:absolute;top:28%;left:9%;z-index:2}.health-copy small{color:#347e78}.health-copy strong{font-family:"Space Grotesk",sans-serif;font-size:30px;line-height:1.05;letter-spacing:-.05em;display:block}.health-button{border:0;background:#1d6c66;color:white;padding:9px 11px}.health-shape{position:absolute;right:-4%;bottom:-15%;width:53%;height:85%;border-radius:55% 45% 0 0;background:linear-gradient(130deg,#6eb5a8,#2c8079);opacity:.65}.visual-learning{background:linear-gradient(135deg,#f2e9d7,#d5c9b0 60%,#aa9a7c);color:#2d2d28}.aurelia-top{font-size:12px;color:#292e29}.aurelia-top span{font-size:7px;color:#5d685a}.learning-content{position:absolute;top:28%;left:9%;z-index:2}.learning-content small{color:#657961}.learning-content strong{font-family:"Space Grotesk",sans-serif;font-size:28px;line-height:1.05;letter-spacing:-.05em;display:block}.learning-content i{font-family:Georgia,serif;color:#748a6a}.course-row{display:flex;align-items:center;gap:10px;margin-top:18px;border-top:1px solid #6e79614d;padding-top:10px;font-size:8px}.course-row span:first-child{color:#778d6b}.course-row b{margin-left:auto}.learning-sun{position:absolute;right:8%;top:25%;width:110px;height:110px;border-radius:50%;background:linear-gradient(145deg,#b1b58b,#8b9b79);opacity:.8}.visual-hospitality{background:linear-gradient(135deg,#2a1d1c,#594238 55%,#111719);color:#f3e8d7}.nocturne-top{font-size:12px}.nocturne-top span{align-self:center}.dining-plate{position:absolute;width:145px;height:145px;right:11%;top:24%;border-radius:50%;background:radial-gradient(circle,#a0a16e 0 12%,#dfd4b8 13% 24%,#f2ead9 25% 51%,#b6aa91 52% 57%,#3c2d29 58%);box-shadow:0 16px 40px #0006;display:grid;place-items:center}.dining-plate div{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle,#bb7645,#6b3f2a)}.nocturne-copy{position:absolute;left:8%;top:34%;z-index:2}.nocturne-copy small{color:#d9ba91}.nocturne-copy strong{font-family:"Space Grotesk",sans-serif;font-size:28px;line-height:1.05;letter-spacing:-.05em;display:block}.visual-zara{background:linear-gradient(135deg,#e9dfd2,#b7a18c 58%,#59463c);color:#29211e}.zara-top{font-size:10px;color:#28211d}.zara-top span{color:#534239}.zara-product{position:absolute;right:16%;top:24%;width:95px;height:130px;background:linear-gradient(130deg,#e9c9a9,#9d6e50 60%,#654632);border-radius:12px 12px 20px 20px;transform:rotate(8deg);box-shadow:20px 20px 35px #2a160e4a}.zara-product:before{content:"";position:absolute;width:35px;height:17px;top:-12px;left:30px;border-radius:5px 5px 0 0;background:#b9916f}.zara-copy{position:absolute;left:8%;top:31%;z-index:2}.zara-copy small{color:#634d3e}.zara-copy strong{font-family:"Space Grotesk",sans-serif;font-size:29px;line-height:1.02;letter-spacing:-.05em;display:block}.zara-copy i{font-family:Georgia,serif;font-weight:400}.zara-copy>span{border-color:#5a4537}.visual-construction{background:linear-gradient(125deg,#b6c5d2,#5e7d94 60%,#1c3449);color:#102034}.mono-top{font-size:12px}.mono-top span{color:#203d54}.mono-architecture{position:absolute;right:6%;bottom:0;width:53%;height:84%}.mono-architecture i{position:absolute;bottom:0;display:block;background:linear-gradient(100deg,#e0e7eb,#7896a9 65%,#3c5d75);box-shadow:0 0 30px #12283b2b}.mono-architecture i:nth-child(1){left:0;width:22%;height:70%;clip-path:polygon(0 13%,100% 0,100% 100%,0 100%)}.mono-architecture i:nth-child(2){left:23%;width:29%;height:95%;clip-path:polygon(0 0,100% 13%,100% 100%,0 100%)}.mono-architecture i:nth-child(3){left:53%;width:20%;height:62%;clip-path:polygon(0 0,100% 13%,100% 100%,0 100%)}.mono-architecture i:nth-child(4){left:74%;width:25%;height:82%;clip-path:polygon(0 15%,100% 0,100% 100%,0 100%)}.mono-copy{position:absolute;top:31%;left:8%;z-index:2}.mono-copy small{color:#25435b}.mono-copy strong{font-family:"Space Grotesk",sans-serif;font-size:31px;line-height:1;letter-spacing:-.06em;display:block}.mono-copy em{font-style:normal;color:#dbe9f2}.toolkit{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center;margin-top:19px;padding:28px;border:1px solid var(--line);border-radius:15px;background:#0d1526}.toolkit h3{font-family:"Space Grotesk",sans-serif;font-size:21px;margin:0 0 8px}.toolkit p:not(.section-kicker){font-size:10px;color:#8495b1;line-height:1.8;margin:0;max-width:330px}.toolkit-tags{display:flex;gap:8px;flex-wrap:wrap}.toolkit-tags span{padding:9px 11px;border:1px solid #839ac626;border-radius:7px;background:#ffffff04;color:#b7c9e5;font-size:9px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.steps article{padding:23px 22px 26px 0}.steps article:not(:last-child){border-right:1px solid var(--line);margin-right:22px}.steps article>span{font-family:"Space Grotesk",sans-serif;color:#6097ff;font-size:11px}.steps h3{font-family:"Space Grotesk",sans-serif;font-size:17px;margin:12px 0 7px}.steps p{font-size:10px;line-height:1.8;color:#8b9bb6;margin:0;max-width:205px}.contact-section{position:relative;overflow:hidden;margin-top:110px;border-block:1px solid var(--line);background:linear-gradient(110deg,#0b1428,#102044 55%,#0a1324)}.contact-orb{position:absolute;width:520px;height:520px;right:0;top:-270px;border-radius:50%;background:#286eff2b;filter:blur(75px)}.contact-inner{position:relative;padding-top:82px;padding-bottom:78px}.contact-inner h2{font-size:clamp(43px,6vw,69px)}.contact-description{max-width:540px;color:#9baac5;font-size:12px;line-height:1.9;margin:22px 0 24px}.contact-buttons{max-width:720px}.contact-details{display:flex;align-items:center;gap:10px;margin-top:27px;font-size:10px;color:#86b8ff;flex-wrap:wrap}.contact-detail-icon{font-size:15px}.contact-divider{height:15px;width:1px;background:#7085a55c;margin:0 5px}.contact-muted{color:#788aa9}.footer{min-height:100px;display:flex;align-items:center;gap:24px;color:#7f8eaa;font-size:9px}.footer p{margin:0}.back-top{margin-left:auto;color:#b5c7e4}.footer>small{color:#62718b}.menu-toggle span{display:block;width:22px;height:2px;background:#e1ebff;margin:5px}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.project-card[hidden]{display:none!important}
@media(min-width:1400px){.hero{min-height:760px}.hero-portrait{transform:scale(1.04)}}
@media(max-width:900px){.nav{gap:15px}.hero{grid-template-columns:1.05fr .95fr;padding-top:65px}.hero h1{font-size:clamp(42px,6vw,58px)}.hero-portrait{transform:scale(.92)}.about-grid{grid-template-columns:1fr}.principles{display:grid;grid-template-columns:repeat(2,1fr)}.principle{min-height:105px}.project-visual{height:215px}.project-featured .project-visual,.project-wide .project-visual{height:250px}.toolkit{grid-template-columns:1fr}.section{padding-top:90px}}
@media(max-width:680px){.shell{padding-inline:20px}.header{height:70px;padding-inline:20px}.menu-toggle{display:block;border:0;background:transparent;z-index:12}.nav{display:none;position:absolute;top:62px;left:14px;right:14px;padding:15px;background:#0e192c;border:1px solid #8ca8d629;border-radius:13px;box-shadow:0 20px 45px #0009;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav-link{padding:12px 8px;border-bottom:1px solid #ffffff0a}.nav-cta{margin-top:11px;text-align:center}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:54px;padding-bottom:25px}.hero h1{font-size:clamp(42px,10.7vw,59px)}.eyebrow{font-size:8px;letter-spacing:.12em}.hero-text{font-size:12px}.hero-note{margin-top:25px}.hero-stats{gap:10px;margin-top:26px}.hero-stats strong{font-size:15px}.hero-stats span{font-size:6px;letter-spacing:.07em}.hero-portrait{height:410px;transform:none;margin-top:24px;overflow:hidden}.portrait-frame{height:350px;width:min(285px,72%)}.portrait-halo{width:300px;height:300px}.portrait-label{bottom:34px;left:2%;padding:9px 11px}.chip-one{top:28px;right:0}.chip-two{bottom:77px;right:0}.floating-chip{padding:9px}.floating-chip b{font-size:9px}.floating-chip small{font-size:7px}.portrait-caption{bottom:8px;right:0;font-size:7px}.scroll-cue{margin-top:9px}.strip-inner{min-height:54px;flex-wrap:wrap;justify-content:center;gap:9px;font-size:7px;letter-spacing:.07em}.strip-inner i{width:3px;height:3px}.section{padding-top:76px}.section-head{display:block;margin-bottom:27px}.section-head h2{font-size:37px}.section-aside{margin-top:15px;font-size:11px}.about-panel{padding:23px;min-height:0}.about-panel h3{font-size:23px}.principles{grid-template-columns:1fr}.principle{min-height:0;padding:15px}.projects-grid{grid-template-columns:1fr;gap:14px}.project-featured,.project-wide{grid-column:auto;display:block}.project-visual,.project-featured .project-visual,.project-wide .project-visual{height:220px}.project-details{padding:17px}.project-details h3{font-size:17px}.project-details p:not(.project-index){font-size:9px}.radar-content strong{font-size:39px}.radar-orb{left:53%;width:135px;height:135px}.realestate-copy strong,.mono-copy strong{font-size:27px}.health-copy strong,.learning-content strong,.nocturne-copy strong,.zara-copy strong{font-size:25px}.filter-row{gap:6px}.filter{font-size:9px;padding:7px 9px}.toolkit{padding:22px;gap:18px}.toolkit-tags span{font-size:8px;padding:8px}.steps{grid-template-columns:1fr 1fr}.steps article{padding:19px 13px 20px 0}.steps article:nth-child(2){border-right:0;margin-right:0}.steps article:nth-child(1),.steps article:nth-child(2){border-bottom:1px solid var(--line)}.steps article:nth-child(3){margin-right:22px}.steps h3{font-size:15px}.contact-section{margin-top:75px}.contact-inner{padding-top:63px;padding-bottom:62px}.contact-inner h2{font-size:48px}.contact-description{font-size:11px}.contact-buttons{flex-direction:column;align-items:stretch;max-width:320px}.contact-buttons .btn{justify-content:space-between}.footer{padding-top:23px;padding-bottom:23px;display:grid;grid-template-columns:1fr auto;gap:10px}.footer p{grid-column:1/-1;grid-row:2}.back-top{margin:0;justify-self:end}.footer>small{grid-column:1/-1;grid-row:3}}
@media(max-width:370px){.hero h1{font-size:39px}.availability{font-size:7px}.hero-stats{gap:7px}.hero-stats span{font-size:5px}.project-visual,.project-featured .project-visual,.project-wide .project-visual{height:200px}}

/* Final responsive hardening: prevent accidental horizontal page scrolling. */
html, body { width: 100%; max-width: 100%; overflow-x: clip; }
body { min-width: 0; }
main, header, footer, section, .shell, .hero, .hero-copy, .hero-portrait,
.section-head, .about-grid, .projects-grid, .project-card, .project-details,
.services-grid, .toolkit, .steps, .contact-inner { min-width: 0; }
img, video, iframe, canvas, svg { max-width: 100%; }
.project-visual, .project-details, .about-panel, .service-card, .principle,
.toolkit, .contact-section { min-width: 0; }
.project-details > div, .section-head > div, .toolkit > div { min-width: 0; }
.hero-stats { flex-wrap: wrap; }
.strip-inner { min-width: 0; }

@media (max-width: 900px) {
  .hero { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); }
  .hero-portrait { min-width: 0; }
  .chip-one, .chip-two { max-width: 78%; }
  .projects-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .project-featured, .project-wide { grid-column: 1 / -1; min-width: 0; }
}
@media (max-width: 680px) {
  .hero { display: flex; flex-direction: column; }
  .hero-copy, .hero-portrait { width: 100%; }
  .hero-stats { align-items: flex-start; }
  .projects-grid { grid-template-columns: minmax(0, 1fr); }
  .project-featured, .project-wide { grid-column: auto; }
  .project-featured .project-visual, .project-wide .project-visual { width: 100%; }
  .strip-inner { text-align: center; }
  .contact-buttons, .contact-buttons .btn { min-width: 0; max-width: 100%; }
  .footer .brand { min-width: 0; }
  .footer .brand > span:last-child { overflow-wrap: anywhere; }
}
@media (max-width: 380px) {
  .shell, .header { padding-inline: 16px; }
  .hero h1 { font-size: clamp(34px, 10vw, 39px); }
  .hero-stats { gap: 8px; }
  .hero-stats > i { display: none; }
  .availability { max-width: 100%; white-space: normal; }
  .floating-chip { max-width: 74%; }
  .contact-inner h2 { font-size: clamp(38px, 11vw, 46px); }
}

/* Responsive layout correction — tested layout rules for narrow and wide viewports */
*, *::before, *::after { box-sizing: border-box; }
html { width: 100%; max-width: 100%; overflow-x: hidden; }
body { width: 100%; max-width: 100%; min-width: 0; overflow-x: hidden; }
main, header, footer, section, article, nav, .shell, .header, .hero, .hero-copy,
.hero-portrait, .section-head, .about-grid, .projects-grid, .project-card,
.project-details, .services-grid, .toolkit, .steps, .contact-inner { min-width: 0; max-width: 100%; }
.shell { width: 100%; padding-left: clamp(16px, 4vw, 28px); padding-right: clamp(16px, 4vw, 28px); }
.header { width: 100%; padding-left: clamp(16px, 4vw, 28px); padding-right: clamp(16px, 4vw, 28px); }
img, video, iframe, canvas, svg { max-width: 100%; }
.hero { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: clamp(12px, 2vw, 28px); }
.hero-copy, .project-details > div, .section-head > div, .toolkit > div { min-width: 0; }
.hero h1, .section-head h2, .contact-inner h2 { overflow-wrap: anywhere; }
.hero-portrait { width: 100%; }
.portrait-frame { max-width: 100%; }
.floating-chip { max-width: calc(100% - 8px); }
.projects-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.project-featured, .project-wide { grid-column: 1 / -1; min-width: 0; }
.project-featured, .project-wide { grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr); }
.project-visual, .project-details { min-width: 0; max-width: 100%; }
.project-details { overflow-wrap: anywhere; }
.project-details h3, .project-details p { overflow-wrap: anywhere; }
.services-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.toolkit-tags { min-width: 0; }

@media (max-width: 900px) {
  .hero { grid-template-columns: minmax(0, 1fr) minmax(0, .85fr); padding-top: 55px; }
  .hero h1 { font-size: clamp(38px, 5.8vw, 54px); }
  .hero-portrait { transform: none; }
  .project-featured, .project-wide { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); }
  .section-head { align-items: flex-start; }
  .services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .header { height: 70px; }
  .header .brand { max-width: calc(100% - 52px); font-size: 13px; }
  .nav { max-width: calc(100% - 28px); }
  .hero { display: flex; flex-direction: column; align-items: stretch; gap: 0; padding-top: 42px; }
  .hero-copy, .hero-portrait { width: 100%; max-width: 100%; }
  .hero h1 { font-size: clamp(36px, 9.6vw, 54px); }
  .hero-text { max-width: 100%; }
  .hero-portrait { height: clamp(350px, 105vw, 430px); margin-top: 22px; overflow: hidden; }
  .portrait-frame { width: min(72%, 285px); height: min(350px, 86%); }
  .chip-one { right: 0; top: 22px; }
  .chip-two { right: 0; bottom: 65px; }
  .portrait-label { left: 0; bottom: 24px; max-width: 82%; }
  .portrait-caption { right: 0; max-width: 100%; text-align: right; }
  .scroll-cue { margin-top: 4px; }
  .strip-inner { padding-top: 12px; padding-bottom: 12px; flex-wrap: wrap; justify-content: center; }
  .section { padding-top: 68px; }
  .section-head { display: block; margin-bottom: 25px; }
  .section-head h2 { font-size: clamp(31px, 8vw, 39px); }
  .section-aside { max-width: 100%; }
  .about-grid, .principles { grid-template-columns: minmax(0, 1fr); }
  .projects-grid { grid-template-columns: minmax(0, 1fr); }
  .project-featured, .project-wide { grid-column: auto; display: flex; flex-direction: column; }
  .project-visual, .project-featured .project-visual, .project-wide .project-visual { width: 100%; height: clamp(190px, 58vw, 240px); }
  .project-details { width: 100%; padding: 17px; }
  .project-details > div { flex: 1 1 auto; }
  .project-open { flex: 0 0 34px; }
  .services-grid { grid-template-columns: minmax(0, 1fr); }
  .toolkit { grid-template-columns: minmax(0, 1fr); padding: 20px; }
  .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .steps article { min-width: 0; margin-right: 0 !important; padding-right: 14px; }
  .contact-inner h2 { font-size: clamp(38px, 10vw, 49px); }
  .contact-buttons { width: 100%; max-width: 100%; }
  .contact-buttons .btn { width: 100%; max-width: 100%; justify-content: space-between; }
  .contact-details { overflow-wrap: anywhere; }
  .footer { width: 100%; }
}
@media (max-width: 400px) {
  .shell, .header { padding-left: 15px; padding-right: 15px; }
  .brand { gap: 8px; }
  .hero h1 { font-size: clamp(33px, 9.3vw, 38px); }
  .availability { max-width: 100%; white-space: normal; font-size: 7px; }
  .actions { flex-direction: column; align-items: stretch; }
  .actions .btn { width: 100%; justify-content: space-between; }
  .hero-stats { gap: 9px; flex-wrap: wrap; }
  .hero-stats strong { font-size: 14px; }
  .hero-stats span { font-size: 6px; }
  .floating-chip { max-width: 73%; }
  .project-details h3 { font-size: 16px; }
  .filter-row { max-width: 100%; }
  .filter { max-width: 100%; }
  .steps { grid-template-columns: minmax(0, 1fr); }
  .steps article { border-right: 0 !important; border-bottom: 1px solid var(--line); }
  .steps article:last-child { border-bottom: 0; }
  .footer { grid-template-columns: minmax(0, 1fr) auto; }
}