/* Bespoke studio compositions */
.hero{padding:65px 0 70px}.hero-grid{grid-template-columns:.95fr 1.05fr;gap:45px}h1{font-size:clamp(52px,6vw,82px);line-height:1.03}.hero-note{max-width:390px}.sculpt-stage{height:545px;padding:24px;background:#091d39;color:white;border:1px solid #213c5d;position:relative;overflow:hidden;max-width:none;box-shadow:0 22px 65px #0b234619;background-image:linear-gradient(#71caff08 1px,transparent 1px),linear-gradient(90deg,#71caff08 1px,transparent 1px);background-size:42px 42px}.stage-top,.stage-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:9px;letter-spacing:1px;z-index:3}.stage-top{top:22px;color:#94b5d6}.stage-status{font-size:8px;color:#65d4ff}.stage-status:before{content:'●';margin-right:6px}.stage-bottom{bottom:22px;color:#a8c4e0;letter-spacing:.3px}.stage-bottom button{background:#ffffff08;border:1px solid #6383a3;color:#c8eaff;padding:7px 10px;border-radius:3px;font-size:10px;cursor:pointer}.identity-scene{position:absolute;inset:45px 0 35px}.identity-scene canvas{width:100%;height:100%;display:block;position:absolute;inset:0;z-index:1}.stage-coordinate{position:absolute;top:80px;left:25px;font-size:8px;line-height:1.8;color:#658aaa;letter-spacing:.5px}.sculpt-fallback{height:100%;display:flex;align-items:center;justify-content:center;perspective:600px;transform:rotate(-12deg);position:relative}.sculpt-fallback span,.sculpt-fallback b{font-size:260px;font-weight:700;line-height:1;letter-spacing:-65px;color:#139ded;text-shadow:5px 8px #064b94,12px 16px #03152f;transform:rotateY(-20deg)}.sculpt-fallback b{color:#1979b5;font-size:200px;transform:translateY(20px) rotateY(-25deg)}.scene-ready .sculpt-fallback{visibility:hidden}.floating-note{position:absolute;z-index:2;background:#102e50e8;border:1px solid #4b759c85;border-radius:5px;padding:14px 16px;box-shadow:0 15px 25px #0002;pointer-events:none}.floating-note>span{font-size:8px;letter-spacing:1.2px;color:#7edaff;display:block}.floating-note strong{font-size:12px;display:block;margin-top:6px;font-weight:500}.note-design{top:120px;right:20px;transform:rotate(7deg)}.note-build{bottom:90px;left:20px;transform:rotate(-6deg)}.note-swatches{display:flex;gap:6px;margin-top:12px}.note-swatches i{height:15px;width:26px;background:#038afa;border-radius:2px}.note-swatches i:nth-child(2){background:#32ceee}.note-swatches i:nth-child(3){background:#d5f4ff}.note-lines{margin-top:12px}.note-lines i{height:3px;background:#3699d0;display:block;width:110px;margin-top:5px}.note-lines i:last-child{width:70px;background:#2a527a}
.lab-section{padding-bottom:75px}.lab-toolbar{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.lab-toolbar>span{font-size:9px;letter-spacing:1px;color:var(--muted)}.lab-filters{display:flex;gap:7px;flex-wrap:wrap}.lab-filters button{background:none;border:1px solid #d1dced;padding:7px 12px;font-size:11px;border-radius:3px;color:var(--muted);cursor:pointer}.lab-filters button.selected{background:var(--ink);color:white;border-color:var(--ink)}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 28px}.lab-project[hidden]{display:none}.project-wide{grid-column:1/-1}.project-art{padding:26px 30px;overflow:hidden;position:relative;border-radius:5px;transition:transform .4s}.concept-nav,.concept-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.7px}.concept-nav strong{font-size:16px;letter-spacing:-.5px}.concept-bottom{font-size:8px}.architecture-art{background:#e4e6df;color:#24352e}.architecture-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:30px 28px}.architecture-layout small{font-size:9px;letter-spacing:2px}.architecture-layout h3{font-size:clamp(36px,5vw,65px);line-height:1.02;font-weight:500;letter-spacing:-3px;margin:16px 0 25px}.concept-pill{font-size:10px;padding:10px 15px;background:#24352e;color:white;display:inline-block;border-radius:2px}.building{height:290px;position:relative;background:linear-gradient(145deg,#ccd3cb,#bac5bc);display:flex;gap:8px;justify-content:center;align-items:end;overflow:hidden;padding:25px;perspective:700px}.building:before{content:'';position:absolute;inset:30px 30px 0;background:#deded5;transform:skewY(-12deg);box-shadow:20px 20px #89978d}.building i{height:80%;background:repeating-linear-gradient(0deg,#263b36 0 15px,#748479 15px 19px);width:30px;z-index:1;transform:skewY(-12deg)}.building i:nth-child(2n){height:63%;background:#9ca99f}.building span{position:absolute;bottom:12px;right:18px;font-size:20px;color:white;z-index:2}.project-meta{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:19px 0 0}.project-meta>div>span{font-size:9px;letter-spacing:1px;color:#687b96}.project-meta h3{margin-top:7px;font-size:23px}.project-meta>span{font-size:10px;color:var(--muted)}.project-notes{padding:15px 0}.project-notes summary{font-size:12px;color:#075dcc}.project-notes p{font-size:13px}.project-notes .text-link{margin-top:14px}.commerce-art{background:#caee5f;color:#20340e;min-height:350px}.commerce-art h3{font-size:40px;line-height:1.05;font-weight:700;letter-spacing:-2px;margin-top:32px;position:relative;z-index:1}.shoe-art{height:150px;position:relative;width:80%;margin:-15px 0 0 auto;transform:rotate(-18deg)}.shoe-upper{position:absolute;bottom:24px;left:10%;right:0;height:80px;border-radius:50px 28px 16px 25px;background:linear-gradient(155deg,#f6f9ec,#b6c9a7);clip-path:polygon(0 50%,30% 30%,40% 0,65% 10%,75% 60%,100% 70%,100% 100%,0 100%);box-shadow:inset 0 -14px #51713b}.shoe-sole{position:absolute;bottom:12px;left:9%;right:-1%;height:22px;border-radius:6px 8px 17px 16px;background:repeating-linear-gradient(90deg,#f8fbea 0 10px,#d5dfbf 10px 13px);border-bottom:5px solid #26442a}.shoe-art i{width:40px;height:5px;background:#405937;position:absolute;left:45%;top:62px;transform:rotate(35deg)}.shoe-art i:nth-of-type(2){top:75px;left:50%}.shoe-art i:nth-of-type(3){top:88px;left:55%}.commerce-label{display:flex;justify-content:space-between;gap:20px;font-size:9px;margin-top:12px}.commerce-label b{font-weight:500}.product-art{background:#cdddfa;min-height:350px;color:#203b66}.dashboard{margin:30px 0 20px;background:#f7f9fd;border:1px solid #8da7d03d;border-radius:6px;display:grid;grid-template-columns:44px 1fr;transform:rotate(-3deg);box-shadow:12px 15px #557aaf1a}.dash-sidebar{background:#244778;padding:16px 11px;color:white;border-radius:5px 0 0 5px}.dash-sidebar b{font-size:23px}.dash-sidebar i{display:block;height:8px;width:15px;background:#7493be;margin-top:20px;border-radius:2px}.dash-content{padding:20px 18px}.dash-content>span{font-size:7px;color:#7089ac;letter-spacing:1px}.dash-content h3{font-size:17px;letter-spacing:-.5px;margin:8px 0 15px}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dash-stats>div{padding:10px 8px;background:#e9effa;border-radius:3px}.dash-stats small{font-size:6px;color:#6f8bb1;display:block}.dash-stats b{font-size:20px;font-weight:500}.dash-task{display:flex;align-items:center;gap:7px;font-size:7px;border-bottom:1px solid #e1e8f3;padding:9px 0}.dash-task i{height:5px;width:5px;border-radius:50%;background:#559de9}.dash-task span{margin-left:auto;font-size:6px;color:#7190b3}.lab-empty{font-size:11px;color:var(--muted);margin-top:24px}
.services{grid-template-columns:repeat(2,1fr)}.service{padding:38px 40px;display:grid;grid-template-columns:42px 1fr;column-gap:18px}.service .number{grid-column:1;grid-row:1/5;display:block;margin:0;color:#4482bf;font-size:12px}.service .number:after{display:block;margin-top:15px}.service h3,.service p,.service .deliverables,.service .text-link{grid-column:2}.service h3{font-size:27px}.deliverables{padding:0;margin:0 0 26px;list-style:none;font-size:11px;color:#526984;display:flex;flex-wrap:wrap;gap:7px}.deliverables li{padding:4px 8px;border:1px solid #d5dfed;border-radius:3px;background:#eef3fb}
.about-grid h2{font-size:clamp(35px,3.8vw,52px)}.dark{position:relative;overflow:hidden}.dark:before{content:'SE';position:absolute;left:-18px;bottom:-130px;line-height:1;font-size:420px;font-weight:700;letter-spacing:-45px;color:#ffffff03;pointer-events:none}.about-grid{position:relative}.process{gap:0;border-top:1px solid #b9cce4}.step{padding:30px 22px 15px 0;border-top:0;border-right:1px solid #d4deed;margin-right:25px}.step:last-child{border-right:0;margin-right:0}.step .number{color:#086be9}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.fieldnote{padding:25px;border:1px solid var(--line);background:#edf2fa;align-self:start;border-radius:4px}.fieldnote:first-child{border:1px solid var(--line)}.fieldnote summary{align-items:start}.fieldnote summary:after{display:none}.fieldnote small{display:block;font-size:9px;letter-spacing:1px;color:#50729c;margin-bottom:24px}.fieldnote strong{font-size:23px;line-height:1.3;font-weight:500;display:block}.fieldnote summary>b{font-size:21px;color:#086be9;font-weight:400}.fieldnote[open] summary>b{transform:rotate(90deg)}.fieldnote p{font-size:13px}.footer{background:#eaf0f9}.footer-top{padding-top:12px}
@media(max-width:1000px){.hero-grid{gap:25px}.sculpt-stage{height:480px}.floating-note{padding:10px}.note-design{right:12px;top:110px}.note-build{left:12px;bottom:75px}.service{padding:28px 25px;grid-template-columns:25px 1fr;gap:12px}.architecture-layout{padding:25px 0}.project-meta{display:block}.project-meta>span{display:block;margin-top:8px}.notes-grid{gap:14px}.fieldnote{padding:20px}.fieldnote strong{font-size:20px}.navigation{gap:15px;font-size:12px}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;gap:35px}.hero{padding:40px 0 50px}.sculpt-stage{height:460px;width:100%;max-width:560px}.hero-copy h1{font-size:clamp(43px,8vw,60px);letter-spacing:-2.7px}.stage-coordinate{top:70px}.lab-toolbar{flex-direction:column;align-items:start}.lab-grid{grid-template-columns:1fr;gap:30px}.project-wide{grid-column:auto}.architecture-layout{gap:15px}.architecture-layout h3{font-size:39px;letter-spacing:-1.8px}.building{height:255px;padding:20px 15px;gap:5px}.building:before{inset:25px 15px 0}.building i{width:20px}.project-art{padding:23px}.concept-nav{font-size:8px}.concept-nav strong{font-size:13px}.services{grid-template-columns:1fr}.service{padding:28px 24px;grid-template-columns:30px 1fr;gap:16px}.service h3{font-size:25px}.notes-grid{grid-template-columns:1fr}.fieldnote strong{font-size:24px}.fieldnote small{margin-bottom:12px}.process{grid-template-columns:1fr 1fr;border-top:0;gap:25px}.step{border-right:0;border-top:1px solid #b9cce4;margin:0;padding:24px 0 5px}.project-meta h3{font-size:23px}.commerce-art,.product-art{min-height:330px}}
@media(max-width:420px){.sculpt-stage{height:410px;padding:18px}.stage-top,.stage-bottom{left:16px;right:16px;font-size:8px}.stage-top{gap:10px}.stage-status{font-size:6px}.floating-note strong{font-size:10px}.floating-note>span{font-size:7px}.note-design{top:95px}.note-build{bottom:70px}.note-swatches i{width:20px;height:12px}.hero-copy h1{font-size:clamp(37px,11.2vw,47px)}.project-art{padding:18px}.architecture-layout{grid-template-columns:1fr 1fr;gap:8px}.architecture-layout h3{font-size:32px}.building{height:220px;padding:15px 9px}.building i{width:16px}.architecture-layout small{font-size:7px;letter-spacing:.8px}.concept-pill{font-size:8px;padding:8px}.concept-nav>span{font-size:7px}.concept-bottom{font-size:6px}.commerce-art h3{font-size:35px}.dash-content{padding:15px 12px}.dash-stats b{font-size:18px}.dash-task{font-size:6px}.lab-filters button{padding:7px 10px;font-size:10px}}