:root{--orange:#ff6b00;--ink:#172235;--panel:#23334a;--muted:#aeb9c8;--line:rgba(255,255,255,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Poppins,sans-serif;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}.catalog-nav{height:82px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;z-index:20;background:rgba(23,34,53,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-family:Montserrat,sans-serif;font-weight:800}.brand img{width:42px;height:42px;border-radius:50%;object-fit:cover}.brand b{color:var(--orange)}.nav-actions{display:flex;align-items:center;gap:30px}.nav-actions a{color:#c4cdda;text-decoration:none;font-size:13px;transition:.25s}.nav-actions a:hover{color:#fff}.nav-actions .nav-cta{padding:12px 20px;border-radius:100px;color:#fff;background:var(--orange)}
.catalog-hero{min-height:100vh;padding:160px 7vw 70px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;background:radial-gradient(circle at 50% 35%,rgba(255,107,0,.16),transparent 33%),linear-gradient(180deg,#090909,#080808);overflow:hidden}.catalog-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.hero-glow{position:absolute;width:360px;height:360px;border:1px solid rgba(255,107,0,.2);border-radius:50%;box-shadow:0 0 90px rgba(255,107,0,.08),inset 0 0 90px rgba(255,107,0,.08)}.eyebrow{position:relative;text-transform:uppercase;letter-spacing:.22em;color:#bbb;font-size:11px;font-weight:600;display:flex;align-items:center;gap:9px}.eyebrow span{display:inline-block;width:22px;height:2px;background:var(--orange)}.catalog-hero>*{z-index:1}.catalog-hero h1{font:900 clamp(46px,7.5vw,100px)/.98 Montserrat,sans-serif;letter-spacing:-.06em;margin:25px 0}.catalog-hero h1 em{font-family:"DM Serif Display",serif;font-weight:400;color:var(--orange)}.hero-copy{max-width:650px;color:#aaa;line-height:1.8;font-size:15px}.hero-button{margin-top:26px;padding:15px 24px;background:#fff;color:#090909;border-radius:100px;text-decoration:none;font-weight:600;font-size:13px}.hero-button i{margin-left:12px}.hero-stats{width:min(650px,90vw);display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;padding-top:28px;border-top:1px solid var(--line)}.hero-stats div{display:flex;flex-direction:column;gap:5px}.hero-stats strong{font:800 19px Montserrat}.hero-stats span{font-size:11px;color:#777;text-transform:uppercase;letter-spacing:.1em}
.catalog-section{padding:110px clamp(20px,5vw,76px);max-width:1500px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}.section-heading h2,.process h2{font:900 clamp(34px,5vw,62px)/1.05 Montserrat;margin:16px 0 0;letter-spacing:-.04em}.section-heading>p{color:#888;max-width:430px;font-size:13px;line-height:1.8}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:35px 0}.filter{border:1px solid var(--line);background:transparent;color:#888;padding:10px 17px;border-radius:100px;font-size:12px}.filter.active,.filter:hover{background:var(--orange);border-color:var(--orange);color:#fff}.works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.work-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;overflow:hidden;opacity:0;transform:translateY(30px);transition:opacity .6s,transform .6s,border .25s}.work-card.revealed{opacity:1;transform:none}.work-card:hover{border-color:rgba(255,107,0,.42)}.work-card.hidden{display:none}.visual{height:390px;position:relative;overflow:hidden}.work-info{padding:28px}.work-info>div:first-child{display:flex;justify-content:space-between;align-items:start;gap:20px}.work-info h3{font:800 clamp(19px,2vw,25px) Montserrat;margin:8px 0}.work-type{font-size:10px;color:var(--orange);text-transform:uppercase;letter-spacing:.15em}.work-info p{font-size:12px;color:#888;line-height:1.7;max-width:520px}.card-actions{display:flex;gap:10px;margin-top:24px}.card-actions button,.modal-caption button{border-radius:100px;padding:11px 16px;font-size:11px;font-weight:600}.preview-btn{background:transparent;color:#bbb;border:1px solid var(--line)}.order-btn,.modal-caption button{margin-left:auto;background:var(--orange);color:white;border:1px solid var(--orange)}
.invitation-visual{background:#d9d1c2;display:grid;place-items:center}.invite-card{height:330px;width:235px;background:#f7f1e6;color:#2f4636;text-align:center;padding:27px 18px;z-index:2;box-shadow:0 25px 55px #5c554b55;transform:rotate(-2deg)}.invite-monogram{font:20px "DM Serif Display";display:block}.invite-kicker{font-size:7px;letter-spacing:.3em;text-transform:uppercase}.invite-card h3{font:42px/1 "DM Serif Display";margin:28px 0 15px;font-weight:400}.invite-rule{height:1px;width:60px;background:#b19a75;margin:0 auto 15px}.invite-card p{font-size:8px;letter-spacing:.12em}.invite-card small{font-size:7px}.rsvp{display:block;border:1px solid #526454;width:55px;margin:22px auto;padding:5px;font-size:7px;letter-spacing:.2em}.leaf{position:absolute;color:#64715f;font-size:100px;z-index:3}.leaf-one{left:8%;top:15%;transform:rotate(-45deg)}.leaf-two{right:7%;bottom:7%;transform:rotate(125deg)}
.brand-visual{background:#e8dfd0;color:#202820}.brand-mark{position:absolute;left:11%;top:14%;font:95px "DM Serif Display"}.brand-name{position:absolute;left:12%;top:62%;font:700 28px Montserrat;letter-spacing:.1em}.brand-name span{display:block;font:9px Poppins;letter-spacing:.55em}.brand-swatches{display:flex;gap:6px;position:absolute;left:12%;bottom:9%}.brand-swatches i{width:25px;height:25px;border-radius:50%;background:#283a2c}.brand-swatches i:nth-child(2){background:#b6744f}.brand-swatches i:nth-child(3){background:#f9f3e9;border:1px solid #bbb}.business-card{position:absolute;right:8%;top:20%;width:215px;height:130px;background:#26382c;color:#f5eddf;padding:25px;transform:rotate(8deg);box-shadow:0 20px 40px #3d3a3566;display:flex;flex-direction:column}.business-card small{font-size:6px;letter-spacing:.25em}.business-card b{font:24px Montserrat;margin-top:23px}.business-card span{font-size:6px;margin-top:auto}
.poster-visual{background:#26135e;color:#fff;padding:36px;background-image:linear-gradient(135deg,transparent 50%,#ff4c0b 50%)}.poster-top{font-size:8px;letter-spacing:.35em}.poster-visual>strong{position:absolute;left:7%;top:23%;font:900 clamp(48px,7vw,78px)/.8 Montserrat;letter-spacing:-.08em;z-index:2}.poster-visual>strong i{color:#ffcf00;font-style:normal}.poster-circle{position:absolute;width:190px;height:190px;border-radius:50%;background:#ffcf00;right:10%;top:17%;mix-blend-mode:screen}.poster-date{position:absolute;right:10%;bottom:11%;font:900 36px/1 Montserrat;text-align:right}.poster-visual small{position:absolute;left:7%;bottom:10%;letter-spacing:.3em;font-size:7px}
.web-visual{background:#c9d5ff;padding:35px}.browser{height:100%;border-radius:13px;background:#111526;overflow:hidden;position:relative;box-shadow:0 25px 45px #43507e66}.browser-bar{height:24px;background:#fff1;display:flex;gap:5px;padding:9px}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#ff6b00}.web-nav{padding:18px 25px;display:flex;justify-content:space-between;font-size:8px}.web-nav b{color:#9caeff;font-size:14px}.web-nav span{color:#aaa}.web-body{padding:35px 9%}.web-body small{color:#9caeff;font-size:7px;letter-spacing:.3em}.web-body strong{display:block;font:800 clamp(35px,5vw,60px)/.95 Montserrat;letter-spacing:-.06em;margin:12px 0 22px}.web-body button{background:#9caeff;border:0;padding:9px 14px;font-size:7px}.floating-card{position:absolute;right:5%;bottom:8%;padding:13px 18px;border-radius:10px;background:#ffffff12;backdrop-filter:blur(8px);display:grid;grid-template-columns:auto auto;gap:2px 8px}.floating-card i{grid-row:1/3;color:#9caeff}.floating-card span{font-size:6px;color:#aaa}
.social-visual{background:#f1b7bf;display:grid;place-items:center}.phone{width:190px;height:340px;background:#111;border:6px solid #222;border-radius:30px;padding:10px;box-shadow:0 30px 50px #6e414955;transform:rotate(4deg)}.phone-top{width:55px;height:8px;background:#222;border-radius:10px;margin:-6px auto 8px}.social-post{height:300px;border-radius:19px;background:linear-gradient(145deg,#ff603c,#86142d);padding:25px;color:#fff;position:relative}.social-post span{font-size:7px;letter-spacing:.2em}.social-post strong{display:block;font:800 28px/1 Montserrat;margin-top:45px}.social-post i{font-size:55px;position:absolute;right:20px;bottom:50px;opacity:.3}.social-post small{position:absolute;bottom:20px;left:25px;font-size:7px}.likes{position:absolute;right:12%;bottom:17%;background:#fff;color:#222;padding:10px 16px;border-radius:100px;font-size:10px;box-shadow:0 10px 30px #7d434c55}.likes i{color:#ec3156;margin-right:5px}
.ai-visual{background:#080b1d;background-image:radial-gradient(circle at 50% 48%,#5735b866,transparent 35%),linear-gradient(rgba(120,100,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(120,100,255,.08) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px}.ai-orb{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:125px;height:125px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#a782ff,#4b26da);box-shadow:0 0 60px #825cffaa}.ai-orb i{font-size:36px}.chat{position:absolute;padding:12px 15px;border:1px solid #ffffff22;background:#ffffff10;backdrop-filter:blur(12px);border-radius:13px;font-size:8px}.chat-one{left:7%;top:18%}.chat-two{right:7%;bottom:15%}.ai-lines{position:absolute;inset:20px;border:1px solid #845fff44;border-radius:50%}
.process{padding:100px clamp(20px,7vw,110px);background:#f2eee8;color:#111}.process .eyebrow{color:#555}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ccc;margin-top:55px}.steps>div{background:#f2eee8;padding:35px}.steps b{font:900 45px Montserrat;color:var(--orange)}.steps h3{font:800 20px Montserrat}.steps p{font-size:12px;color:#777}.final-cta{text-align:center;padding:120px 20px;background:var(--orange)}.final-cta>span{font-size:11px;text-transform:uppercase;letter-spacing:.2em}.final-cta h2{font:900 clamp(38px,6vw,76px)/1.05 Montserrat;letter-spacing:-.05em;margin:20px}.final-cta a{display:inline-block;background:#0b0b0b;color:#fff;padding:15px 24px;border-radius:100px;text-decoration:none;font-size:13px}.final-cta i{margin-left:8px}footer{padding:30px 5vw;display:flex;align-items:center;justify-content:space-between;color:#777;font-size:10px}footer .brand{font-size:12px}footer .brand img{width:30px;height:30px}
.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;visibility:hidden;opacity:0;transition:.25s}.modal.open{visibility:visible;opacity:1}.modal-backdrop{position:absolute;inset:0;background:#000c;backdrop-filter:blur(8px)}.modal-content{width:min(920px,92vw);max-height:90vh;background:#141414;border:1px solid #ffffff22;border-radius:24px;overflow:auto;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;position:relative}.modal-close{position:absolute;right:14px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:#0008;color:#fff;z-index:4}.modal #modal-visual>.visual{height:560px}.modal-caption{padding:45px 30px;display:flex;flex-direction:column;justify-content:center}.modal-caption span{font-size:10px;color:var(--orange);text-transform:uppercase;letter-spacing:.2em}.modal-caption h2{font:800 30px/1.15 Montserrat}.modal-caption button{margin:20px 0 0}.modal-open{overflow:hidden}
@media(max-width:800px){.nav-actions>a:not(.nav-cta){display:none}.catalog-nav{height:70px}.catalog-hero{padding-top:120px}.hero-stats{margin-top:45px}.section-heading{display:block}.works-grid{grid-template-columns:1fr}.visual{height:340px}.steps{grid-template-columns:1fr}.modal-content{grid-template-columns:1fr}.modal #modal-visual>.visual{height:400px}.modal-caption{padding:25px}.modal-caption h2{font-size:23px}footer{gap:15px;flex-direction:column}.business-card{right:5%;transform:scale(.85) rotate(8deg)}}@media(max-width:500px){.brand span{display:none}.nav-actions .nav-cta{font-size:10px;padding:10px 14px}.catalog-hero h1{font-size:43px}.hero-stats span{font-size:8px}.catalog-section{padding-top:80px}.work-info{padding:22px}.work-info>div:first-child{display:block}.card-actions{flex-direction:column}.order-btn{margin:0}.poster-visual>strong{font-size:47px}.leaf{font-size:70px}.modal #modal-visual>.visual{height:330px}}