/* V7 — truthful 13-design preview system. HOME entry point remains untouched. */
:root{--d-ink:#0a0910;--d-purple:#6f2cff;--d-line:rgba(18,10,35,.1)}
.designs-body{margin:0;background:#f8f7fa;color:var(--d-ink);overflow-x:hidden}
.designs-header{height:78px;position:fixed;z-index:80;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(18px,3vw,48px);background:rgba(248,247,250,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(25,10,45,.07)}
.designs-brand{width:164px}.designs-brand img{display:block;width:100%;height:auto}.designs-header-center{font-size:10px;font-weight:950;letter-spacing:.18em;color:#77717c}.designs-close{justify-self:end;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(25,12,45,.1);border-radius:50%;background:#fff;color:#111;font-size:25px;line-height:1;text-decoration:none}
.designs-main{padding-top:78px}.designs-intro{width:min(1560px,calc(100% - 64px));margin:0 auto;padding:clamp(58px,7vw,110px) 0 clamp(34px,4vw,60px)}.designs-kicker{font-size:10px;font-weight:950;letter-spacing:.18em;color:#7441e9;margin:0 0 20px}.designs-intro h1{font-size:clamp(58px,7.2vw,136px);line-height:.82;letter-spacing:-.075em;margin:0;max-width:1400px}.designs-intro h1 span{color:#6f2cff}.designs-lead{font-size:clamp(16px,1.25vw,22px);line-height:1.5;color:#675f6d;max-width:820px;margin:34px 0 0}.designs-meta{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:27px;color:#756e7b;font-size:11px;font-weight:800}.designs-meta b{color:#111}.design-showcase{width:min(1720px,100%);margin:0 auto;display:grid;grid-template-columns:66px minmax(0,1fr) 66px;align-items:center}.design-nav{width:58px;height:58px;border:none;border-radius:50%;background:#fff;box-shadow:0 10px 34px rgba(38,15,58,.12);font-size:22px;cursor:pointer;z-index:6}.design-prev{justify-self:end;transform:translateX(12px)}.design-next{justify-self:start;transform:translateX(-12px)}.design-stage{position:relative;min-height:clamp(650px,52vw,900px);border-radius:42px;overflow:hidden;background:#0e0c13;box-shadow:0 28px 90px rgba(40,15,65,.14)}.design-card{position:absolute;inset:0;display:grid;grid-template-columns:minmax(290px,.32fr) minmax(0,.68fr);opacity:0;pointer-events:none;transform:scale(.985);transition:.32s ease;background:linear-gradient(160deg,#f6f4f8,#ece8f0)}.design-card.active{opacity:1;pointer-events:auto;transform:none}.design-card-copy{padding:clamp(30px,4vw,64px);display:flex;flex-direction:column;justify-content:space-between;background:#fff}.design-index{font-size:10px;letter-spacing:.18em;font-weight:950;color:#918996}.design-name-wrap small{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f0ebf7;color:#6f2cff;font-size:8px;font-weight:950;letter-spacing:.14em}.design-name-wrap h2{font-size:clamp(50px,5vw,92px);line-height:.88;letter-spacing:-.065em;margin:18px 0}.design-name-wrap p{font-size:clamp(13px,1vw,17px);line-height:1.55;color:#675f6d;max-width:430px}.design-open{width:100%;border:none;border-radius:18px;padding:15px 17px;background:#111;color:#fff;font-weight:900;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.design-card-preview{padding:clamp(18px,3.6vw,58px);display:grid;place-items:center;background:linear-gradient(145deg,#f1eef5,#e2ddea)}
.browser{width:100%;height:100%;max-height:760px;min-height:520px;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 24px 70px rgba(23,10,38,.2);display:grid;grid-template-rows:25px minmax(0,1fr)}.browser-bar{display:flex;align-items:center;gap:5px;padding:0 9px;background:#ece9ee;color:#8f8991}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#bdb7c1}.browser-url{font:600 7px/1 Arial,sans-serif;margin-left:8px;opacity:.65}.mini-site{min-height:0;overflow:auto;background:#fff;color:#111;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mini-nav{height:56px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.07);position:relative;z-index:3}.mini-logo{font-weight:950;font-size:14px;letter-spacing:-.03em}.mini-links{font-size:8px;font-weight:760}.mini-menu{display:none;font-size:8px;font-weight:900}.site-page{min-height:calc(100% - 100px)}.site-footer{padding:22px 5%;display:flex;justify-content:space-between;gap:15px;border-top:1px solid rgba(0,0,0,.08);font-size:7px;letter-spacing:.03em}.site-footer span{opacity:.6}.hero{position:relative;min-height:370px;overflow:hidden}.hero-copy small,.page-head small,.split-story small,.inquiry-card small{font-size:7px;letter-spacing:.18em;font-weight:950}.hero-copy h1,.page-head h1,.split-story h2{margin:9px 0 12px;letter-spacing:-.055em;line-height:.92}.hero-copy p,.page-head p,.split-story p{font-size:9px;line-height:1.55;max-width:350px;opacity:.72}.hero-copy a,.split-story a{display:inline-flex;margin-top:13px;font-size:8px;font-weight:900;text-decoration:none}.site-media{position:relative;overflow:hidden;background:linear-gradient(135deg,#d8d4cf,#8b8d87)}.site-media:before,.site-media:after,.site-media span{content:"";position:absolute;display:block}.site-media:before{inset:0;background:linear-gradient(135deg,rgba(255,255,255,.34),transparent 42%),radial-gradient(circle at 72% 34%,rgba(255,255,255,.42),transparent 20%),linear-gradient(15deg,transparent 0 42%,rgba(20,20,20,.16) 43% 44%,transparent 45%)}.site-media:after{left:12%;bottom:12%;width:44%;height:45%;background:rgba(255,255,255,.24);backdrop-filter:blur(2px);transform:skewX(-9deg)}.site-media span:nth-child(1){right:12%;top:12%;width:24%;height:60%;background:rgba(20,20,20,.23)}.site-media span:nth-child(2){left:7%;top:15%;width:38%;height:8%;background:rgba(255,255,255,.42)}.site-media span:nth-child(3){right:5%;bottom:7%;width:31%;height:12%;background:rgba(255,255,255,.2)}.media-b{background:linear-gradient(135deg,#c6ad91,#6d5142)}.media-c{background:linear-gradient(135deg,#21182d,#6b4b86)}.media-d{background:linear-gradient(135deg,#d6e1ef,#6d8fb8)}.media-e{background:linear-gradient(135deg,#efd8d0,#b87672)}.media-f{background:linear-gradient(135deg,#ddd7ca,#8a7c65)}.media-g{background:linear-gradient(135deg,#d4e7ff,#4c85cf)}.media-h{background:linear-gradient(135deg,#d8c8b4,#8d6c57)}.media-i{background:linear-gradient(120deg,#b9dedc,#427d80)}.media-j{background:linear-gradient(135deg,#dfd0b9,#786648)}.media-k{background:linear-gradient(135deg,#0c0c0f,#55545c)}.media-l{background:linear-gradient(135deg,#d9d4ff,#6b5bd0)}
.site-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e9e6ec;border-top:1px solid #e9e6ec;border-bottom:1px solid #e9e6ec}.site-proof span{background:#fff;padding:16px 5%;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.site-proof b{font-size:17px;display:block;letter-spacing:-.05em;text-transform:none}.site-services{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e9e6ec}.site-services article{background:#fff;padding:28px 7%;min-height:130px}.site-services article span{font-size:7px;opacity:.5}.site-services article b{display:block;margin:20px 0 8px;font-size:12px}.site-services article p{font-size:7px;line-height:1.45;opacity:.6}.page-head{padding:8% 7% 5%;max-width:760px}.page-head h1{font-size:clamp(28px,4vw,58px);max-width:650px}.page-head p{font-size:10px}.split-story{display:grid;grid-template-columns:1fr 1fr;min-height:310px}.split-story>.site-media{min-height:310px}.split-story>div:not(.site-media){padding:11%;align-self:center}.split-story h2{font-size:30px}.about-story{grid-template-columns:1.05fr .95fr}.site-gallery-grid{padding:0 5% 6%;display:grid;grid-template-columns:1.35fr .65fr .65fr;grid-template-rows:150px 150px;gap:8px}.site-gallery-grid>div{background:linear-gradient(135deg,#d4d0cc,#8a8581)}.site-gallery-grid .g1{grid-row:1/3;background:linear-gradient(135deg,#cdbda8,#745b49)}.site-gallery-grid .g4{grid-column:2/4;background:linear-gradient(135deg,#d8dad3,#787f75)}.gallery-caption{padding:0 5% 6%;display:flex;justify-content:space-between;font-size:8px}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;padding:0 7% 7%}.site-contact{display:flex;flex-direction:column;justify-content:flex-end}.site-contact>div{padding:18px 0;border-bottom:1px solid rgba(0,0,0,.1)}.site-contact small{display:block;font-size:6px;letter-spacing:.15em;opacity:.55}.site-contact b{font-size:11px}.inquiry-card{padding:28px;background:#f4f1f6}.inquiry-card label{display:block;font-size:7px;font-weight:800;margin-top:16px}.inquiry-card i{display:block;height:1px;background:#bdb7c0;margin-top:12px}.inquiry-card i.big{height:50px;border:1px solid #d0cbd2;background:#fff}.inquiry-card button{margin-top:18px;border:0;background:#111;color:#fff;padding:10px 13px;font-size:7px;font-weight:900}
/* 01 STUDIO */.design-studio .mini-site{background:#fff}.design-studio .mini-nav{padding-left:6%;padding-right:6%}.hero-studio{display:grid;grid-template-columns:.9fr 1.1fr;min-height:390px;padding:5% 6%;gap:5%}.hero-studio .hero-copy{align-self:center}.hero-studio h1{font-size:48px;max-width:480px}.hero-studio .site-media{min-height:330px;border-radius:24px}.design-studio .hero-copy a{background:#6f2cff;color:#fff;padding:10px 14px;border-radius:999px}
/* 02 EDITORIAL */.design-editorial .mini-site{background:#fbf7ef;font-family:Georgia,"Times New Roman",serif}.design-editorial .mini-nav{border-bottom:1px solid #222}.design-editorial .mini-links,.design-editorial .mini-menu,.design-editorial .site-footer{font-family:Arial,sans-serif}.hero-editorial{display:grid;grid-template-columns:.18fr .92fr 1.05fr;gap:0;min-height:420px;padding:5%}.editorial-number{font:700 10px Arial,sans-serif}.hero-editorial .hero-copy{align-self:end;padding:0 7% 4% 0}.hero-editorial h1{font-size:52px;font-weight:500}.hero-editorial h1 em{font-weight:400}.hero-editorial .site-media{height:100%;min-height:350px}.editorial-note{display:grid;grid-template-columns:.8fr 1.2fr;padding:22px 5%;border-top:1px solid #222;font-size:8px}.editorial-note p{margin:0;max-width:320px}
/* 03 MIDNIGHT */.design-midnight .mini-site{background:#0a0910;color:#fff}.design-midnight .mini-nav,.design-midnight .site-footer{border-color:rgba(255,255,255,.13)}.hero-midnight{min-height:430px;background:#0a0910}.hero-midnight>.site-media{position:absolute;inset:4% 4% 4% 38%;border-radius:18px}.hero-midnight:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a0910 0 34%,rgba(10,9,16,.7) 52%,transparent 72%)}.hero-midnight .hero-copy{position:absolute;z-index:2;left:6%;top:20%;max-width:45%}.hero-midnight h1{font-size:54px}.hero-midnight h1 em{color:#b887ff}.hero-midnight a{border:1px solid rgba(255,255,255,.35);padding:10px 13px;border-radius:999px}.midnight-index{position:absolute;z-index:2;right:6%;bottom:7%;font-size:7px;letter-spacing:.16em}
/* 04 GALLERY */.design-gallery .mini-nav{position:absolute;top:25px;left:0;right:0;color:#fff;border:0}.design-gallery .hero-gallery{min-height:430px;background:#17251f;color:#fff}.hero-gallery .hero-copy{position:absolute;z-index:2;left:5%;bottom:8%;width:38%}.hero-gallery h1{font-size:43px}.gallery-hero-grid{position:absolute;inset:0;display:grid;grid-template-columns:1.4fr .6fr;grid-template-rows:1fr 1fr;gap:3px}.gallery-hero-grid i{background:linear-gradient(135deg,#8bb3a2,#34584a)}.gallery-hero-grid i:first-child{grid-row:1/3;background:linear-gradient(135deg,#b0c9bd,#587667)}.gallery-hero-grid:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,20,16,.78),transparent 58%)}
/* 05 PROFESSIONAL */.design-professional .mini-site{background:#f7f9fc}.design-professional .mini-nav{background:#fff}.hero-professional{display:grid;grid-template-columns:1.1fr .9fr;gap:3%;padding:5%;min-height:390px}.hero-professional .hero-copy{align-self:center}.trust-chip{display:inline-flex;padding:5px 8px;border-radius:4px;background:#e8eff8;color:#2156a7;font-size:7px;font-weight:950}.hero-professional h1{font-size:46px}.hero-professional .site-media{min-height:340px;border-radius:8px}.hero-actions{display:flex;gap:8px}.hero-actions a{background:#2156a7;color:#fff;padding:10px 13px;border-radius:4px}.hero-actions a.ghost{background:#fff;color:#111;border:1px solid #ccd5e2}
/* 06 BOUTIQUE */.design-boutique .mini-site{background:#fff9f7;color:#36221f;font-family:Georgia,"Times New Roman",serif}.design-boutique .mini-nav{border:0}.hero-boutique{display:grid;grid-template-columns:1fr .8fr;gap:5%;padding:5%;min-height:410px}.hero-boutique .site-media{min-height:350px;border-radius:180px 180px 18px 18px}.hero-boutique .hero-copy{align-self:center}.hero-boutique h1{font-size:50px;font-weight:500}.hero-boutique a{border-bottom:1px solid currentColor;padding-bottom:4px}.boutique-line{display:flex;align-items:center;justify-content:center;gap:14px;padding:18px;font:700 7px Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em}.boutique-line i{width:30px;height:1px;background:#c79b9b}
/* 07 ATELIER */.design-atelier .mini-site{background:#f5f2ea;color:#161510}.design-atelier .mini-nav{border-bottom:1px solid #161510}.hero-atelier{display:grid;grid-template-columns:.18fr .74fr 1.08fr;min-height:430px;border-bottom:1px solid #161510}.atelier-side{writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;justify-content:center;border-right:1px solid #161510;font-size:9px;font-weight:950}.hero-atelier .hero-copy{padding:12% 10%;align-self:center}.hero-atelier h1{font-size:48px;line-height:.82;font-weight:950}.hero-atelier .site-media{height:100%}.design-atelier .hero-copy a{border-bottom:1px solid #111}
/* 08 FOCUS */.design-focus .mini-site{background:#fff}.hero-focus{display:grid;grid-template-columns:1.05fr .95fr;min-height:400px;padding:5%;gap:4%;background:linear-gradient(180deg,#f7fbff,#eef5ff)}.hero-focus .hero-copy{align-self:center}.focus-pill{display:inline-flex;background:#dcecff;color:#1766e5;padding:6px 8px;border-radius:999px;font-size:6px;font-weight:950}.hero-focus h1{font-size:48px}.hero-focus a{background:#1766e5;color:#fff;padding:11px 15px;border-radius:10px}.micro-proof{font-size:6px;margin-top:14px;opacity:.55}.hero-focus .site-media{min-height:340px;border-radius:18px}
/* 09 JOURNAL */.design-journal .mini-site{background:#f6f0e6;color:#211b15;font-family:Georgia,"Times New Roman",serif}.design-journal .mini-nav{display:none}.journal-mast{height:62px;border-bottom:4px double #211b15;display:flex;align-items:end;padding:0 4% 8px;font-size:27px;font-weight:700;letter-spacing:-.05em}.journal-mast i{font-weight:400;margin:0 5px}.journal-mast span{margin-left:auto;font:700 6px Arial,sans-serif;letter-spacing:.13em}.hero-journal{display:grid;grid-template-columns:.9fr .9fr .45fr;min-height:370px;padding:4%;gap:3%;border-bottom:1px solid #211b15}.hero-journal .hero-copy{align-self:center}.hero-journal h1{font-size:44px;font-weight:500}.hero-journal .site-media{min-height:320px}.hero-journal aside{border-left:1px solid #211b15;padding-left:15px;font:700 7px Arial,sans-serif}.hero-journal aside b{display:block;margin-bottom:16px}.hero-journal aside p{border-top:1px solid #211b15;padding-top:10px}
/* 10 PANORAMA */.design-panorama .mini-nav{border:0}.hero-panorama{min-height:430px}.hero-panorama>.site-media{position:absolute;inset:0}.hero-panorama:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,28,28,.72),rgba(5,28,28,.08) 70%)}.panorama-overlay{position:absolute;z-index:2;left:5%;top:22%;color:#fff;max-width:47%}.panorama-overlay h1{font-size:52px;margin:10px 0;letter-spacing:-.06em;line-height:.9}.panorama-overlay p{font-size:9px;line-height:1.5}.panorama-overlay a{display:inline-flex;color:#fff;font-size:8px;border:1px solid rgba(255,255,255,.5);padding:10px 13px;border-radius:999px;margin-top:10px}.panorama-bar{display:flex;justify-content:space-between;padding:17px 5%;font-size:7px}
/* 11 MAISON */.design-maison .mini-site{background:#f5f0e7;color:#17130f;font-family:Georgia,"Times New Roman",serif}.design-maison .mini-nav{height:68px;border:0}.hero-maison{display:grid;grid-template-columns:.84fr 1.16fr;min-height:480px;padding:3% 4% 6%;gap:4%}.hero-maison .hero-copy{align-self:center;padding:5%}.hero-maison h1{font-size:60px;font-weight:400}.hero-maison h1 em{font-weight:400}.hero-maison .site-media{min-height:420px}.hero-maison a{border-bottom:1px solid currentColor;padding-bottom:5px}.maison-statement{padding:7% 6%;display:grid;grid-template-columns:.2fr 1fr .7fr;align-items:start;gap:4%}.maison-statement span{font:700 7px Arial}.maison-statement h2{font-size:29px;font-weight:400;line-height:1;margin:0}.maison-statement p{font:400 8px/1.55 Arial;margin:0}
/* 12 NOIR */.design-noir .mini-site{background:#050506;color:#f5f5f4}.design-noir .mini-nav,.design-noir .site-footer{border-color:rgba(255,255,255,.14)}.hero-noir{min-height:500px}.hero-noir>.site-media{position:absolute;inset:0 0 0 35%}.hero-noir:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050506 0 38%,rgba(5,5,6,.2) 72%)}.noir-word{position:absolute;z-index:2;left:3%;bottom:-2%;font-size:112px;line-height:.7;font-weight:950;letter-spacing:-.09em;color:rgba(255,255,255,.06)}.hero-noir .hero-copy{position:absolute;z-index:3;left:6%;top:18%;max-width:42%}.hero-noir h1{font-size:62px;line-height:.82}.hero-noir a{color:#fff;border-bottom:1px solid #fff;padding-bottom:4px}.noir-footer{padding:18px 5%;display:flex;justify-content:space-between;font-size:7px;border-top:1px solid rgba(255,255,255,.14)}
/* 13 MONUMENT */.design-monument .mini-site{background:#efedff;color:#17132a}.design-monument .mini-nav{border:0}.hero-monument{min-height:510px;position:relative}.monument-word{position:absolute;z-index:0;left:2%;top:-2%;font-size:118px;font-weight:950;line-height:.8;letter-spacing:-.09em;color:#d6d1ff}.hero-monument>.site-media{position:absolute;right:4%;top:11%;width:58%;height:75%;border-radius:34px}.hero-monument .hero-copy{position:absolute;z-index:2;left:6%;bottom:10%;max-width:43%}.hero-monument h1{font-size:70px;line-height:.8}.hero-monument a{background:#5438cc;color:#fff;padding:11px 14px;border-radius:999px}.monument-band{display:flex;justify-content:space-around;gap:10px;padding:22px 3%;background:#5438cc;color:#fff;font-size:8px;letter-spacing:.15em}
/* Full preview */.design-modal{position:fixed;z-index:120;inset:0;background:#f5f3f7;display:grid;grid-template-rows:76px minmax(0,1fr) 78px;opacity:0;pointer-events:none;transform:translateY(20px);transition:.28s ease}.design-modal.open{opacity:1;pointer-events:auto;transform:none}.design-modal-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 26px;border-bottom:1px solid rgba(20,10,35,.08);background:rgba(255,255,255,.9);backdrop-filter:blur(18px)}.design-modal-title span{display:block;font-size:8px;letter-spacing:.15em;font-weight:950;color:#7c7481}.design-modal-title strong{display:block;font-size:18px;letter-spacing:-.02em;margin-top:3px}.design-modal-pages{display:flex;gap:5px;padding:4px;background:#efebf2;border-radius:999px}.design-page-tab{border:none;background:transparent;padding:9px 12px;border-radius:999px;font-size:10px;font-weight:850;color:#756e7b;cursor:pointer}.design-page-tab.active{background:#fff;color:#111;box-shadow:0 4px 12px rgba(35,14,55,.08)}.design-modal-close{justify-self:end;width:40px;height:40px;border-radius:50%;border:1px solid rgba(25,12,45,.11);background:#fff;font-size:25px;cursor:pointer}.design-modal-canvas{padding:clamp(10px,1.5vw,22px);overflow:hidden}.design-modal-canvas .browser{width:100%;height:100%;max-height:none;min-height:0;border-radius:22px;box-shadow:0 26px 80px rgba(25,9,45,.16)}.design-modal-canvas .mini-site{overflow:auto}.design-modal-canvas .hero{min-height:clamp(430px,55vh,680px)}.design-modal-canvas .hero-copy h1{font-size:clamp(58px,6vw,110px)}.design-modal-canvas .page-head h1{font-size:clamp(52px,5vw,90px)}.design-modal-canvas .hero-copy p,.design-modal-canvas .page-head p{font-size:clamp(11px,.9vw,16px);max-width:520px}.design-modal-canvas .mini-nav{height:68px;font-size:10px}.design-modal-canvas .mini-logo{font-size:17px}.design-modal-canvas .mini-links{font-size:9px}.design-modal-bottom{display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-top:1px solid rgba(20,10,35,.08);background:#fff}.design-modal-bottom p{font-size:12px;color:#716a77}.design-build{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-width:245px;padding:17px 19px;border-radius:999px;background:linear-gradient(135deg,#5919e9,#8a2fff,#d13fe9);color:#fff;font-size:13px;font-weight:900;box-shadow:0 16px 40px rgba(111,44,255,.28);text-decoration:none}.design-build b{font-size:20px}.design-modal-bottom .design-build{min-width:225px;padding:13px 17px}.design-dots{display:flex;justify-content:center;gap:7px;margin-top:24px}.design-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#c8c1ce;cursor:pointer}.design-dot.active{width:28px;border-radius:99px;background:#6f2cff}.design-rail-wrap{width:min(1560px,calc(100% - 64px));margin:24px auto 0;overflow:hidden}.design-rail{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 15px;scrollbar-width:none}.design-rail::-webkit-scrollbar{display:none}.rail-item{min-width:154px;border:1px solid rgba(25,12,45,.08);border-radius:17px;padding:13px 14px;background:#fff;cursor:pointer;text-align:left;transition:.18s}.rail-item:hover,.rail-item.active{border-color:rgba(111,44,255,.35);transform:translateY(-2px);box-shadow:0 10px 28px rgba(48,18,78,.08)}.rail-item strong{display:block;font-size:13px}.rail-item span{display:block;font-size:9px;font-weight:900;letter-spacing:.1em;color:#8a838f;margin-top:5px}.designs-bottom{width:min(1560px,calc(100% - 64px));margin:76px auto 90px;padding:clamp(32px,4vw,58px);border-radius:34px;background:#0d0b12;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 30px 80px rgba(29,10,47,.18)}.designs-bottom span{font-size:10px;letter-spacing:.16em;font-weight:900;color:#b995ff}.designs-bottom h2{font-size:clamp(36px,4vw,72px);line-height:.95;letter-spacing:-.05em;margin:13px 0 0}
@media(max-width:1050px){.designs-intro{width:min(100% - 34px,1050px)}.design-showcase{grid-template-columns:48px minmax(0,1fr) 48px}.design-nav{width:46px;height:46px}.design-stage{min-height:720px}.design-card{grid-template-columns:1fr}.design-card-copy{position:absolute;z-index:5;left:24px;right:24px;bottom:24px;border-radius:26px;padding:24px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);min-height:210px}.design-card-copy>.design-index{display:none}.design-card-preview{padding:18px}.design-name-wrap h2{font-size:52px}.design-name-wrap p{font-size:14px;max-width:540px}.design-open{position:absolute;right:24px;bottom:24px;width:240px}.designs-bottom{width:min(100% - 34px,1050px)}}
@media(max-width:720px){.designs-header{height:68px;padding:0 16px}.designs-brand{width:132px}.designs-header-center{display:none}.designs-main{padding-top:68px}.designs-intro{padding:42px 0 24px;width:calc(100% - 28px)}.designs-intro h1{font-size:clamp(52px,16vw,82px)}.designs-lead{font-size:15px;margin-top:21px}.designs-meta{margin-top:18px}.design-showcase{width:100%;display:block;position:relative}.design-stage{border-radius:0;min-height:680px}.design-nav{position:absolute;z-index:20;top:40%;width:44px;height:44px}.design-prev{left:10px;transform:none}.design-next{right:10px;transform:none}.design-card-copy{left:12px;right:12px;bottom:12px;padding:18px;min-height:225px}.design-name-wrap h2{font-size:44px;margin:11px 0}.design-name-wrap p{font-size:12px;max-width:92%;margin-bottom:56px}.design-open{left:18px;right:18px;bottom:17px;width:calc(100% - 36px);min-width:0}.design-card-preview{padding:7px}.browser{border-radius:13px;min-height:520px}.mini-links{display:none}.mini-menu{display:block}.mini-nav{height:42px}.hero{min-height:360px!important}.hero-copy h1,.hero-editorial h1,.hero-midnight h1,.hero-gallery h1,.hero-professional h1,.hero-boutique h1,.hero-atelier h1,.hero-focus h1,.hero-journal h1,.panorama-overlay h1,.hero-maison h1,.hero-noir h1,.hero-monument h1{font-size:34px!important}.hero-copy p{font-size:7px}.site-services article{padding:18px 6%}.site-services article b{font-size:9px}.site-proof b{font-size:13px}.hero-studio,.hero-professional,.hero-boutique,.hero-focus,.hero-maison{grid-template-columns:1fr!important;padding:8%!important}.hero-studio .site-media,.hero-professional .site-media,.hero-boutique .site-media,.hero-focus .site-media,.hero-maison .site-media{position:absolute;right:6%;top:12%;width:42%;height:34%;min-height:0!important;opacity:.45}.hero-studio .hero-copy,.hero-professional .hero-copy,.hero-boutique .hero-copy,.hero-focus .hero-copy,.hero-maison .hero-copy{position:relative;z-index:2;align-self:end}.hero-editorial{grid-template-columns:.13fr .87fr!important}.hero-editorial .site-media{position:absolute;right:0;top:0;width:42%;height:54%;opacity:.4}.hero-midnight .hero-copy,.hero-gallery .hero-copy,.panorama-overlay,.hero-noir .hero-copy,.hero-monument .hero-copy{max-width:72%!important;width:auto}.hero-atelier{grid-template-columns:.14fr .86fr!important}.hero-atelier .site-media{position:absolute;right:0;top:0;width:40%;height:45%;opacity:.42}.hero-journal{grid-template-columns:1fr!important}.hero-journal .site-media{position:absolute;right:4%;top:8%;width:40%;height:42%;min-height:0;opacity:.35}.hero-journal aside{display:none}.journal-mast{font-size:19px}.hero-panorama>.site-media{opacity:.95}.hero-noir>.site-media{left:25%}.noir-word,.monument-word{font-size:70px}.hero-monument>.site-media{width:62%;opacity:.55}.maison-statement{grid-template-columns:1fr}.maison-statement span{display:none}.site-gallery-grid{grid-template-rows:100px 100px}.split-story,.about-story,.contact-layout{grid-template-columns:1fr}.split-story>.site-media{min-height:190px}.design-rail-wrap{width:calc(100% - 20px)}.rail-item{min-width:132px}.designs-bottom{width:calc(100% - 24px);margin:55px auto 58px;padding:28px 24px;display:block}.designs-bottom h2{font-size:42px}.designs-bottom .design-build{margin-top:25px;width:100%}.design-modal{grid-template-rows:68px minmax(0,1fr) 98px}.design-modal-top{grid-template-columns:1fr auto;padding:0 14px}.design-modal-pages{position:absolute;left:12px;right:12px;top:77px;z-index:3;overflow-x:auto;justify-content:flex-start}.design-modal-close{grid-column:2}.design-modal-canvas{padding:54px 6px 6px}.design-modal-canvas .hero{min-height:480px!important}.design-modal-canvas .hero-copy h1{font-size:44px!important}.design-modal-bottom{padding:11px 14px}.design-modal-bottom p{display:none}.design-modal-bottom .design-build{width:100%;min-width:0}.site-footer{font-size:6px}}