@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@400;500;600&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#15223d;background:#f8fafc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #416ee4;outline-offset:4px}p{line-height:1.65}h1,h2,h3{line-height:1.12}img{max-width:100%}.wrap{width:min(1220px,90%);margin:auto}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;text-transform:uppercase}.muted{color:#68768e}.brand{font-family:Manrope,Arial,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.06em}.brand span{color:#4067da}.site-header{background:#fff;border-bottom:1px solid #e6ebf2}.header-inner{width:min(1220px,90%);margin:auto;min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:22px}.site-nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:700}.site-nav a:hover{color:#3156c7}.site-nav .nav-cta{color:#fff;background:#162d5a;padding:13px 19px;border-radius:7px}.site-nav .nav-cta:hover{color:#fff;background:#3156c7}
.portfolio-hero{background:#0e2347;color:white;overflow:hidden}.hero-inner{width:min(1220px,90%);margin:auto;min-height:465px;display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:60px;padding:62px 0}.portfolio-hero .eyebrow{color:#a9c6ff}.portfolio-hero h1{font:600 clamp(42px,5vw,74px)/1.07 Manrope,Arial,sans-serif;letter-spacing:-.06em;margin:20px 0}.portfolio-hero h1 span{color:#a3bfff}.portfolio-hero p{max-width:550px;font-size:18px;color:#d2def1}.hero-actions{display:flex;align-items:center;gap:21px;flex-wrap:wrap;margin-top:30px}.primary-link{display:inline-block;background:#f2f5ff;color:#10264c;padding:16px 22px;border-radius:7px;font-weight:800;font-size:14px}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:3px}.hero-mosaic{height:325px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;transform:rotate(4deg)}.mosaic-piece{position:relative;overflow:hidden;border:5px solid #fff2;border-radius:12px}.mosaic-piece:nth-child(2){transform:translateY(15px)}.mosaic-piece:nth-child(3){transform:translateY(-15px)}.photo{background-image:url('images.png');background-size:200% 200%;background-repeat:no-repeat}.flower{background-position:left top}.fashion{background-position:right top}.marble{background-position:left bottom}.gelato{background-position:right bottom}.mosaic-piece.photo{background-size:200% 200%}
.section-top{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:68px 0 29px}.section-top h2{font:700 clamp(30px,3.5vw,47px)/1.14 Manrope,Arial,sans-serif;letter-spacing:-.045em;margin:11px 0 0}.section-top p{max-width:365px;margin:0;color:#61708a}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.portfolio-card{display:block;position:relative;background:#fff;border:1px solid #e1e7ef;border-radius:13px;overflow:hidden;transition:transform .25s,box-shadow .25s}.portfolio-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #15223d1a}.card-visual{height:270px;position:relative;overflow:hidden;background:#ddd}.card-visual .photo{position:absolute;inset:0;transition:transform .45s}.portfolio-card:hover .photo{transform:scale(1.055)}.card-overlay{position:absolute;inset:0;display:flex;align-items:end;padding:25px}.card-overlay strong{display:inline-block;font-size:clamp(32px,4vw,52px);line-height:1;letter-spacing:-.05em}.card-bloom .card-overlay strong{font-family:'Playfair Display',Georgia,serif;background:#f5ef43;color:#bb1945;padding:11px 16px;transform:rotate(-3deg)}.card-rue .card-overlay{background:linear-gradient(transparent,#000b);color:white}.card-rue .card-overlay strong{font-weight:500;letter-spacing:.16em}.card-forma .card-overlay strong{font-family:Georgia,serif;color:#273c34;background:#fffdf0dd;padding:11px 22px;font-weight:400}.card-pouf .card-overlay strong{color:#fff831;text-shadow:4px 4px #662876;font-weight:900;transform:rotate(-6deg)}.card-content{padding:23px 25px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.card-content h3{margin:0 0 6px;font-size:21px}.card-content p{margin:0;font-size:14px;color:#63728a}.card-arrow{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;border:1px solid #cad4e4;font-size:20px}
.approach{margin-top:79px;padding:56px 0;border-top:1px solid #dce3ec;display:grid;grid-template-columns:1fr 1fr;gap:55px}.approach h2{font:700 clamp(30px,3vw,43px)/1.14 Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:12px 0}.approach p{margin:0 0 14px;color:#55647b}.pricing{background:#eef3fa;padding:72px 0}.pricing-lead{max-width:760px;margin:18px 0 37px;color:#4c5c74;font-size:18px}.pricing h2,.reach h2{font:700 clamp(31px,3vw,44px)/1.16 Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:11px 0}.offers{display:grid;grid-template-columns:1fr 1fr;gap:24px}.offer{background:white;border:1px solid #d9e3f1;border-radius:13px;padding:35px;display:flex;flex-direction:column}.offer.featured{border:2px solid #3764d0}.offer h3{font-size:25px;margin:17px 0 6px}.offer .offer-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#3a61bd}.price{font:800 38px Manrope,Arial,sans-serif;letter-spacing:-.05em;margin:9px 0}.price small{font-size:17px;letter-spacing:0}.offer p{color:#506079}.offer ul{padding-left:20px;line-height:1.6;margin:12px 0 23px}.offer li{margin:8px 0}.plan{background:#f1f5fc;padding:17px 20px;margin:10px 0 17px;border-radius:9px}.plan p{margin:7px 0}.discount{color:#254eae;font-weight:800}.offer-action{display:inline-block;align-self:flex-start;margin-top:auto;padding:14px 19px;background:#152d59;color:white;border-radius:7px;font-size:14px;font-weight:800}.featured .offer-action{background:#3565d6}.fine-print{font-size:13px;color:#5c6b82;margin:23px 0 0}.reach{padding:67px 0;display:grid;grid-template-columns:1fr 1fr;gap:38px}.reach p{color:#54637a}.mail-link{font-size:clamp(18px,2.4vw,27px);font-weight:700;color:#315bd0;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}.portfolio-footer{background:#0e2347;color:#c7d5ea;padding:30px 0;font-size:13px}.portfolio-footer .wrap{display:flex;justify-content:space-between;gap:22px}
.demo-bar{background:#172843;color:white;padding:12px 5%;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.demo-bar a{text-decoration:underline;text-underline-offset:3px}.demo-header{padding:22px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.demo-header nav{display:flex;gap:25px;font-size:14px;font-weight:700}.demo-page footer{padding:32px 5%;border-top:1px solid currentColor;display:flex;justify-content:space-between;gap:20px;font-size:13px}.demo-page .btn{display:inline-block;padding:15px 22px;border:1px solid currentColor;margin-top:15px;font-size:14px;font-weight:700}.demo-page section[id]{scroll-margin-top:25px}
/* Bloom: optimistic magazine, split cover and scrapbook cards. */
.bloom{background:#fff4f2;color:#af1640}.bloom .demo-header{background:#fff5ad}.bloom .brand{font:600 28px 'Playfair Display',Georgia,serif;letter-spacing:-.03em}.bloom-intro{min-height:630px;display:grid;grid-template-columns:46% 54%;background:#efbfd2}.bloom-copy{padding:70px min(8vw,100px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.bloom h1{font:500 clamp(60px,8vw,118px)/.95 'Playfair Display',Georgia,serif;letter-spacing:-.04em;margin:20px 0}.bloom-copy p{font-size:19px;max-width:380px}.bloom-photo{min-height:480px;background-size:200% 200%}.bloom .btn{background:#b71b47;color:white;border:0}.bloom .band{background:#fff67c;text-align:center;padding:17px 5%;font-weight:700;font-size:15px;letter-spacing:.06em}.bloom-list{padding:83px 6%}.bloom-list h2{font:500 clamp(38px,5vw,67px)/1.05 'Playfair Display',Georgia,serif;margin:12px 0 35px}.bloom-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.bloom-cards article{background:white;padding:34px;border-top:9px solid #ee79a1;min-height:270px}.bloom-cards article:nth-child(2){background:#fff3af;border-color:#eab72b;transform:translateY(16px)}.bloom-cards article:nth-child(3){border-color:#bd2756}.bloom-cards h3{font:500 29px 'Playfair Display',Georgia,serif}.bloom-tail{padding:52px 6%;background:#b31d47;color:white;display:flex;gap:30px;justify-content:space-between}.bloom-tail p{max-width:550px}
/* RUE06: stark fashion editorial, full bleed image and index. */
.rue{background:#f4f4f1;color:#111}.rue .brand{font:500 26px Manrope,Arial,sans-serif;letter-spacing:.17em}.rue .demo-header{border-bottom:1px solid #1b1b1b}.rue-cover{position:relative;min-height:740px;display:flex;align-items:end;background:#111;color:#fff;overflow:hidden}.rue-cover .photo{position:absolute;inset:0;background-size:200% 200%}.rue-cover:after{content:'';position:absolute;inset:15% 0 0;background:linear-gradient(transparent,#000b)}.rue-cover .cover-copy{position:relative;z-index:1;width:100%;padding:0 6% 55px;display:flex;justify-content:space-between;align-items:end;gap:20px}.rue h1{font:400 clamp(75px,14vw,210px)/.82 Manrope,Arial,sans-serif;letter-spacing:-.12em;margin:18px 0}.rue-cover p{font-size:17px}.rue-index{padding:95px 6%;display:grid;grid-template-columns:35% 65%;gap:25px}.rue-index h2{font:400 clamp(40px,5vw,75px)/1.05 Manrope,Arial,sans-serif;letter-spacing:-.08em;margin:20px 0}.rue-rows article{display:grid;grid-template-columns:55px 1fr;gap:24px;border-top:1px solid #333;padding:23px 0}.rue-rows article:last-child{border-bottom:1px solid #333}.rue-rows h3{font:500 26px Manrope,Arial,sans-serif;margin:0 0 7px}.rue-rows p{margin:0;color:#555;max-width:480px}.rue-quote{background:#141414;color:#fff;padding:90px 6%;text-align:center;font:400 clamp(33px,5vw,70px)/1.1 Manrope,Arial,sans-serif;letter-spacing:-.07em}
/* Forma: restrained material archive with framed object and numbered notes. */
.forma{background:#eeefeb;color:#304239}.forma .brand{font:500 30px Georgia,serif;letter-spacing:.2em}.forma .demo-header{border-bottom:1px solid #bac1ba}.forma-intro{display:grid;grid-template-columns:53% 47%;gap:0;min-height:660px;padding:45px 5% 65px}.forma-art{background-color:#ddd;min-height:550px;background-size:200% 200%;position:relative}.forma-art span{position:absolute;bottom:18px;left:18px;background:#f3f2ebec;padding:9px 13px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.forma-copy{display:flex;flex-direction:column;justify-content:center;padding:40px 11%}.forma h1{font:400 clamp(73px,9vw,145px)/.9 Georgia,serif;letter-spacing:-.08em;margin:22px 0 33px}.forma-copy p{font-size:20px;max-width:365px}.forma-collection{padding:80px 6%;background:#dedfd9}.forma-collection h2{font:400 clamp(40px,5vw,65px)/1.1 Georgia,serif;max-width:680px}.forma-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px}.forma-grid article{border-top:1px solid #85948a;padding-top:27px}.forma-grid h3{font:400 31px Georgia,serif;margin:33px 0 9px}.forma-grid p{max-width:290px}.forma-statement{padding:110px 12%;text-align:center;font:400 clamp(27px,4vw,47px)/1.3 Georgia,serif}
/* Pouf: graphic kiosk with playful picker. */
.pouf{background:#fff642;color:#412460}.pouf .demo-header{background:#ffc1dc}.pouf .brand{font:900 32px Manrope,Arial,sans-serif;transform:rotate(-5deg)}.pouf-cover{min-height:650px;display:grid;grid-template-columns:46% 54%;overflow:hidden}.pouf-copy{padding:70px 7vw 60px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.pouf h1{font:800 clamp(85px,12vw,180px)/.8 Manrope,Arial,sans-serif;letter-spacing:-.13em;margin:26px 0;transform:rotate(-6deg);text-shadow:5px 5px #fff}.pouf-copy p{font-size:22px;font-weight:700;max-width:340px}.pouf .btn{border:0;border-radius:50px;background:#412460;color:#fff}.pouf-art{margin:55px 6% 55px 0;border:12px solid #f497c7;border-radius:48% 48% 14% 14%;background-size:200% 200%;min-height:480px;transform:rotate(3deg)}.pouf-ticker{padding:24px;background:#412460;color:#fff642;overflow:hidden;text-align:center;font:800 clamp(17px,2vw,25px) Manrope,Arial,sans-serif;letter-spacing:.08em}.pouf-pick{background:#f8a7ce;padding:83px 6% 90px}.pouf-pick h2{font:800 clamp(42px,6vw,83px)/1 Manrope,Arial,sans-serif;letter-spacing:-.07em;margin:12px 0}.flavors{display:flex;flex-wrap:wrap;gap:13px;margin:35px 0}.flavors button{border:2px solid #412460;border-radius:40px;background:transparent;color:#412460;padding:14px 22px;font-weight:800}.flavors button[aria-pressed=true]{background:#412460;color:white}.flavor-result{min-height:60px;font-size:24px;font-weight:700}.pouf-last{padding:75px 6%;display:grid;grid-template-columns:1fr 1fr;gap:40px}.pouf-last h2{font:800 43px Manrope,Arial,sans-serif;letter-spacing:-.06em;margin:0}
@media(max-width:760px){.header-inner{padding:18px 0;display:block}.site-nav{margin-top:16px;display:flex;flex-wrap:wrap;gap:12px 18px;font-size:13px}.site-nav .nav-cta{padding:9px 12px}.hero-inner{grid-template-columns:1fr;gap:30px;padding:54px 0}.hero-mosaic{height:230px;max-width:490px;width:95%;margin:auto}.portfolio-hero h1{font-size:45px}.section-top{display:block;margin-top:48px}.section-top p{margin-top:16px}.portfolio-grid,.approach,.offers,.reach{grid-template-columns:1fr}.card-visual{height:230px}.approach{gap:6px;margin-top:55px}.pricing{padding:55px 0}.offer{padding:26px}.reach{gap:10px}.portfolio-footer .wrap{display:block}.demo-header{flex-wrap:wrap}.demo-header nav{flex-wrap:wrap;gap:12px}.demo-page footer{display:block}.bloom-intro,.forma-intro,.pouf-cover{grid-template-columns:1fr}.bloom-copy{padding:55px 6%}.bloom-photo{min-height:380px}.bloom-cards,.forma-grid{grid-template-columns:1fr}.bloom-cards article:nth-child(2){transform:none}.bloom-tail{display:block}.rue-cover{min-height:610px}.rue-cover .cover-copy{display:block}.rue h1{font-size:78px}.rue-index{grid-template-columns:1fr;padding:60px 6%}.rue-rows article{grid-template-columns:35px 1fr}.forma-intro{padding:25px 5% 45px}.forma-art{min-height:420px}.forma-copy{padding:40px 3% 0}.forma h1{font-size:85px}.forma-grid{gap:12px;margin-top:35px}.forma-statement{padding:70px 7%}.pouf-copy{padding:65px 7% 35px}.pouf h1{font-size:95px}.pouf-art{margin:0 8% 55px;min-height:380px}.pouf-last{grid-template-columns:1fr}.pouf-pick{padding:60px 6%}.flavor-result{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portfolio-card,.card-visual .photo{transition:none}}