@scope(.creative-page){.welcome-review-skip{z-index:1000;color:var(--ss-white);background:var(--ss-charcoal);padding:.75rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.welcome-review-skip:focus{transform:translateY(0)}.welcome-review-header{justify-content:space-between;align-items:flex-end;gap:var(--ss-space-5);min-height:15rem;padding-block:var(--ss-space-6);border-bottom:var(--ss-rule-light);display:flex}.welcome-review-header h1,.welcome-review-notes h2{margin-top:var(--ss-space-3);letter-spacing:-.06em;font-size:clamp(2.5rem,6vw,5rem);line-height:1}.welcome-review-header>a,.direction-marker a{color:inherit;text-underline-offset:.25em}.welcome-review-index{padding-block:var(--ss-section-standard);background:var(--ss-stone);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.welcome-review-index a{min-height:18rem;padding:var(--ss-space-5);color:var(--ss-charcoal);background:var(--ss-white);border:var(--ss-rule-light);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:var(--ss-weight-bold);letter-spacing:-.05em;flex-direction:column;justify-content:space-between;line-height:1.05;text-decoration:none;display:flex}.welcome-review-index a.is-preferred{color:var(--ss-soft-white);background:var(--ss-charcoal)}.welcome-review-index span{width:3rem;height:3rem;font-size:.85rem;font-weight:var(--ss-weight-light);letter-spacing:0;border:1px solid;border-radius:50%;place-items:center;display:grid}.welcome-review-notes{gap:var(--ss-grid-gap);padding-block:var(--ss-section-standard);grid-template-columns:minmax(0,1fr) minmax(18rem,.7fr);align-items:end;display:grid}.welcome-review-notes .ss-label{grid-column:1/-1}.welcome-review-notes p:last-child{max-width:34rem;color:var(--ss-muted-copy)}.direction-marker{justify-content:space-between;align-items:center;gap:var(--ss-space-4);min-height:4rem;padding-block:var(--ss-space-2);color:var(--ss-muted-copy);font-size:var(--ss-small);display:flex}.creative-welcome{padding-bottom:var(--ss-section-standard)}.creative-welcome__canvas{isolation:isolate;border-radius:1.75rem;min-height:clamp(39rem,72vh,50rem);position:relative;overflow:hidden}.creative-welcome__copy{z-index:4;position:relative}.creative-welcome__copy h1{max-width:8ch;margin-top:var(--ss-space-4);letter-spacing:-.065em;text-wrap:balance;font-size:clamp(3.2rem,6.5vw,6.8rem);line-height:.92}.creative-welcome__lead{max-width:36rem;margin-top:var(--ss-space-5);font-size:clamp(1rem,1.45vw,1.2rem);line-height:1.55}.creative-welcome__invitation{z-index:5;justify-content:space-between;align-items:flex-end;gap:var(--ss-space-5);padding:var(--ss-space-4);display:flex;position:relative}.creative-welcome__invitation>span{letter-spacing:-.035em;font-size:clamp(1.15rem,1.8vw,1.55rem);line-height:1.2}.creative-welcome__invitation a{min-height:var(--ss-target-min);align-items:center;gap:var(--ss-space-2);color:inherit;font-weight:var(--ss-weight-bold);white-space:nowrap;text-decoration:none;display:inline-flex}.creative-welcome__invitation .ss-icon{width:1.3rem;transition:transform var(--ss-fast)}.creative-welcome__invitation a:hover .ss-icon,.creative-welcome__invitation a:focus-visible .ss-icon{transform:translate(.18rem,-.18rem)}.creative-welcome :where(a,button):focus-visible,.welcome-review-index a:focus-visible{outline:var(--ss-focus);outline-offset:4px}.creative-welcome__ghost{z-index:1;font-size:clamp(6rem,14vw,13rem);font-weight:var(--ss-weight-bold);letter-spacing:-.08em;pointer-events:none;user-select:none;margin:0;line-height:.75;position:absolute}.creative-welcome--spotlight .creative-welcome__canvas{height:clamp(44rem,80vh,54rem);color:var(--ss-charcoal);background:var(--ss-stone);grid-template-rows:1fr auto;grid-template-columns:minmax(0,.86fr) minmax(25rem,1.14fr);display:grid}.creative-welcome--spotlight .creative-welcome__copy{align-self:start;padding:clamp(2.25rem,5vw,5.5rem) clamp(1.75rem,4vw,4.5rem)}.spotlight-image{z-index:2;background:#8adcf1;grid-area:1/2/3;min-height:0;margin:0;position:relative;overflow:hidden}.spotlight-image:before{content:"";z-index:1;background:linear-gradient(90deg, var(--ss-stone), #e5e5e500);pointer-events:none;width:28%;position:absolute;inset:0 auto 0 0}.spotlight-image img{object-fit:cover;object-position:54% 50%;width:100%;height:100%;display:block}.spotlight-image figcaption,.field-image figcaption,.family-frame figcaption{z-index:3;font-size:var(--ss-small);position:absolute}.spotlight-image figcaption{right:var(--ss-space-4);bottom:var(--ss-space-4);color:var(--ss-white);border-radius:var(--ss-radius-pill);background:#0b0b0bd1;padding:.5rem .8rem}.creative-welcome--spotlight .creative-welcome__invitation{color:var(--ss-soft-white);background:var(--ss-charcoal);grid-column:1;margin:0 clamp(1.75rem,4vw,4.5rem) clamp(2rem,4vw,4rem)}.creative-welcome--spotlight .creative-welcome__ghost{color:#0b0b0b12;bottom:1.2rem;left:clamp(1rem,3.2vw,3.5rem)}.creative-welcome--field .creative-welcome__canvas{color:var(--ss-charcoal);background:#52c8ee}.field-image,.field-image picture{margin:0;position:absolute;inset:0}.field-image:after{content:"";background:linear-gradient(90deg,#f0efeafa 0%,#f0efeaf0 30%,#f0efea85 45%,#f0efea00 62%);position:absolute;inset:0}.field-image img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.field-image figcaption{right:var(--ss-space-4);bottom:var(--ss-space-4);color:#ffffffe6}.creative-welcome--field .creative-welcome__copy{width:min(52%,43rem);padding:clamp(2.25rem,5vw,5.5rem) clamp(1.75rem,4vw,4.5rem)}.creative-welcome--field .creative-welcome__copy h1{letter-spacing:-.055em;margin-top:24px;font-size:clamp(44px,5.3vw,80px);line-height:1.02}.creative-welcome--field .creative-welcome__lead{max-width:42ch;color:var(--ss-muted-copy);margin-top:24px;font-size:17px;line-height:1.7}.creative-welcome--field .creative-welcome__invitation{width:max-content;max-width:min(52%,42rem);color:var(--ss-charcoal);background:var(--ss-white);border-radius:18px;gap:32px;padding:20px 24px;position:absolute;bottom:clamp(2rem,4vw,4rem);left:clamp(1.75rem,4vw,4.5rem);box-shadow:0 8px 24px #0000000f}.creative-welcome--field .creative-welcome__invitation>span{font-size:19px;line-height:1.4}.creative-welcome--field .creative-welcome__invitation strong{font-weight:var(--ss-weight-bold)}.creative-welcome--field .creative-welcome__invitation a{width:15.75rem;max-width:100%;min-height:48px;color:var(--ss-white);background:var(--ss-charcoal);border-radius:var(--ss-radius-pill);justify-content:center;gap:16px;padding:12px 18px 12px 22px;font-size:15px;transition:transform .25s,box-shadow .25s}.creative-welcome--field .creative-welcome__invitation a:focus-visible{outline:3px solid var(--ss-charcoal);outline-offset:5px}.creative-welcome--field .creative-welcome__invitation a:hover .ss-icon,.creative-welcome--field .creative-welcome__invitation a:focus-visible .ss-icon{transform:none}.creative-welcome--field .creative-welcome__invitation .ss-icon{width:20px;height:20px}@media (prefers-reduced-motion:no-preference){.creative-welcome--field .creative-welcome__invitation a:focus-visible{transform:translateY(-3px);box-shadow:0 8px 18px #0000001f}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.creative-welcome--field .creative-welcome__invitation a:hover{transform:translateY(-3px);box-shadow:0 8px 18px #0000001f}}.creative-welcome--field .creative-welcome__ghost{color:#ffffff29;bottom:1.25rem;right:2rem}.creative-welcome--family .creative-welcome__canvas{color:var(--ss-soft-white);background:var(--ss-charcoal);grid-template-rows:1fr auto;grid-template-columns:minmax(0,.8fr) minmax(30rem,1.2fr);gap:0;display:grid}.creative-welcome--family .creative-welcome__copy{align-self:start;padding:clamp(2.25rem,5vw,5.5rem) clamp(1.75rem,4vw,4.5rem)}.creative-welcome--family .creative-welcome__lead{color:var(--ss-muted-dark)}.creative-welcome--family .creative-welcome__copy h1{font-size:clamp(3rem,5vw,5rem)}.family-frames{background:var(--ss-stone);grid-area:1/2/3;min-height:42rem;position:relative;overflow:hidden}.family-frame{border:.4rem solid var(--ss-white);background:#42bee8;margin:0;position:absolute;overflow:hidden}.family-frame img{object-fit:cover;width:100%;height:100%;display:block}.family-frame figcaption{color:var(--ss-white);border-radius:var(--ss-radius-pill);background:#0b0b0bd1;padding:.38rem .65rem;bottom:.65rem;left:.65rem}.family-frame--wide{z-index:1;aspect-ratio:16/9;width:74%;top:9%;left:5%;transform:rotate(-2deg)}.family-frame--portrait{z-index:2;aspect-ratio:4/5;width:35%;bottom:7%;right:17%;transform:rotate(2.5deg)}.family-frame--story{z-index:3;aspect-ratio:9/16;width:20%;top:14%;right:3%;transform:rotate(4deg)}.creative-welcome--family .creative-welcome__invitation{color:var(--ss-charcoal);background:var(--ss-white);grid-column:1;margin:0 clamp(1.75rem,4vw,4.5rem) clamp(2rem,4vw,4rem)}@media (width<=68rem){.creative-welcome__copy h1{font-size:clamp(3rem,7.1vw,5.4rem)}.creative-welcome--spotlight .creative-welcome__canvas,.creative-welcome--family .creative-welcome__canvas{grid-template-columns:minmax(0,.95fr) minmax(22rem,1.05fr)}.creative-welcome--field .creative-welcome__copy{width:60%}.creative-welcome--field .creative-welcome__invitation{width:min(50%,31rem);max-width:none}.creative-welcome--field .field-image img{object-position:66% center}.creative-welcome__invitation{flex-direction:column;align-items:flex-start}.creative-welcome__invitation a{white-space:normal}.family-frames{min-height:39rem}}@media (width<=47.99rem){.welcome-review-header,.welcome-review-notes{grid-template-columns:1fr;align-items:start}.welcome-review-header{flex-direction:column;align-items:flex-start;min-height:12rem}.welcome-review-index{grid-template-columns:1fr}.welcome-review-index a{min-height:12rem}.direction-marker{flex-direction:column;justify-content:center;align-items:flex-start}.creative-welcome{padding-inline:0;padding-bottom:0}.creative-welcome__canvas{border-radius:0;height:auto;min-height:0}.creative-welcome__copy h1{max-width:9ch;font-size:clamp(3.15rem,14vw,5rem)}.creative-welcome__lead{margin-top:var(--ss-space-4)}.creative-welcome__invitation{flex-direction:column;align-items:flex-start}.creative-welcome--spotlight .creative-welcome__canvas,.creative-welcome--family .creative-welcome__canvas{flex-direction:column;display:flex}.creative-welcome--spotlight .creative-welcome__copy,.creative-welcome--family .creative-welcome__copy,.creative-welcome--field .creative-welcome__copy{width:100%;padding:var(--ss-space-6) var(--ss-space-4)}.spotlight-image{aspect-ratio:4/5;min-height:auto}.spotlight-image:before{background:linear-gradient(180deg, var(--ss-stone), #e5e5e500);width:100%;height:16%;inset:0 0 auto}.creative-welcome--spotlight .creative-welcome__invitation,.creative-welcome--family .creative-welcome__invitation{padding:var(--ss-space-5) var(--ss-space-4);order:3;margin:0}.creative-welcome--spotlight .creative-welcome__ghost{color:#fff3;inset:21rem 0 auto auto}.creative-welcome--field .creative-welcome__canvas{background:var(--ss-stone);border-radius:22px;flex-direction:column;display:flex}.creative-welcome--field{padding:48px var(--ss-gutter)}.field-image,.field-image picture{display:block;position:relative;inset:auto}.field-image{aspect-ratio:4/5;order:2;overflow:hidden}.field-image:after{background:linear-gradient(180deg, var(--ss-stone), #e5e5e500 18%)}.field-image img{object-position:50% 46%}.creative-welcome--field .creative-welcome__copy{background:var(--ss-stone);order:1;padding:32px 24px}.creative-welcome--field .creative-welcome__copy h1{font-size:clamp(38px,10vw,58px)}.creative-welcome--field .creative-welcome__lead{font-size:16px}.creative-welcome--field .creative-welcome__invitation{order:3;gap:16px;width:calc(100% - 48px);max-width:none;margin:0 24px 28px;padding:24px;position:relative;inset:auto}.creative-welcome--field .creative-welcome__invitation>span{font-size:18px}.creative-welcome--field .creative-welcome__invitation a{width:100%}.creative-welcome--field .creative-welcome__ghost{z-index:2;color:#ffffff38;top:auto;bottom:8.5rem;right:.5rem}.family-frames{order:2;min-height:31rem}.family-frame--wide{width:78%;top:7%;left:4%}.family-frame--portrait{width:43%;bottom:5%;right:18%}.family-frame--story{width:24%;top:15%;right:3%}}@media (width<=24rem){.creative-welcome__copy,.creative-welcome__invitation{padding-inline:var(--ss-space-3)!important}.creative-welcome__invitation a{white-space:normal}.creative-welcome--field{padding-inline:var(--ss-space-3)}.creative-welcome--field .creative-welcome__invitation{width:calc(100% - 32px);margin-inline:16px;padding:20px 16px!important}.creative-welcome--field .creative-welcome__invitation a{gap:12px;padding-inline:12px;font-size:13px}}@media (prefers-reduced-motion:reduce){.creative-welcome__invitation .ss-icon,.creative-welcome--field .creative-welcome__invitation a{transition:none}}}@scope(.creative-page){.creative-second-skip{z-index:1000;color:var(--ss-white);background:var(--ss-charcoal);padding:.75rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.creative-second-skip:focus{transform:translateY(0)}.creative-second-welcome{padding-top:var(--ss-section-standard);background:var(--ss-white)}:scope{--creative-intro-space:32px}#creative-welcome{padding-block:var(--creative-intro-space)}#creative-service-information{padding-top:var(--creative-intro-space)}@media (width<=1000px){:scope{--creative-intro-space:28px}}@media (width<=700px){:scope{--creative-intro-space:24px}}#creative-welcome .creative-welcome__copy h1{max-width:9ch}#creative-welcome .creative-mobile-product{display:none}@media (width>=1025px){#creative-welcome .creative-welcome__canvas{flex-direction:column;gap:32px;display:flex}#creative-welcome .creative-welcome__copy{padding-bottom:0}#creative-welcome .creative-welcome__invitation{flex-shrink:0;margin:auto 0 clamp(2rem,4vw,4rem) clamp(1.75rem,4vw,4.5rem);position:relative;inset:auto}}@media (width>=701px) and (width<=1024px){#creative-welcome .creative-welcome__canvas{background:var(--ss-stone);grid-template-columns:1fr 1.15fr;align-content:center;column-gap:24px;min-height:580px;padding:40px 32px calc(11.7vw + 24px);display:grid}#creative-welcome .creative-welcome__copy{background:0 0;grid-column:1;width:100%;min-width:0;padding:0 0 16px}#creative-welcome .creative-welcome__copy h1{font-size:clamp(32px,5vw,44px)}#creative-welcome .field-image{aspect-ratio:auto;position:absolute;inset:0 0 0 44%;overflow:hidden}#creative-welcome .field-image picture{width:100%;height:100%;display:block;position:absolute;inset:0}#creative-welcome .field-image:after{z-index:2;background:linear-gradient(90deg,var(--ss-stone),#e5e5e5d9 7%,#e5e5e54d 18%,transparent 32%)}#creative-welcome .field-image .creative-mobile-product{pointer-events:none;display:block;left:50%;transform:translate(-75%)}#creative-welcome .creative-mobile-product img{object-fit:contain;object-position:center}#creative-welcome .creative-welcome__invitation{flex-direction:row;grid-column:1/-1;justify-self:start;align-items:center;gap:32px;width:max-content;min-width:0;max-width:100%;margin:16px 0 0;padding:20px 24px;position:relative;inset:auto}#creative-welcome .creative-welcome__invitation a{flex:none;width:15.75rem}#creative-welcome .creative-welcome__ghost{color:#0b0b0b11;font-size:15vw;line-height:1;bottom:-.22em;left:32px;right:auto}}@media (width>=701px) and (width<=1366px){#creative-welcome .creative-welcome__canvas{padding-bottom:0}#creative-welcome .creative-welcome__ghost{z-index:3;color:#0b0b0b1f;pointer-events:none;grid-area:3/1/auto/-1;align-self:start;margin:0 clamp(1.75rem,4vw,4.5rem);font-size:clamp(96px,14vw,180px);line-height:1;position:relative;inset:auto;transform:translateY(.22em)}}@media (width>=701px) and (width<=1024px){#creative-welcome .creative-welcome__ghost{margin:24px 0 0}}@media (width>=1025px) and (width<=1366px){#creative-welcome .creative-welcome__invitation{margin-bottom:0}#creative-welcome .field-image img{object-position:right center}}@media (width<=700px){#creative-welcome .creative-welcome__canvas{--mobile-product-stage:clamp(330px,100vw,480px);grid-template-columns:minmax(0,1fr);grid-template-rows:auto var(--mobile-product-stage) auto;background:var(--ss-stone);border-radius:22px;gap:0;height:auto;min-height:0;padding:32px 24px calc(15.6vw + 24px);display:grid}#creative-welcome .creative-welcome__copy{grid-area:1/1;width:100%;min-width:0;padding:0!important}#creative-welcome .creative-welcome__copy h1{font-size:clamp(38px,10vw,58px)}#creative-welcome .creative-welcome__lead{font-size:16px}#creative-welcome .field-image{aspect-ratio:auto;grid-area:2/1/4;align-self:stretch;min-width:0;min-height:0;margin:0 -24px calc(-15.6vw - 24px);position:relative;inset:auto;overflow:hidden}#creative-welcome .field-image picture{width:100%;height:100%;display:block;position:absolute;inset:0}#creative-welcome .field-image img{aspect-ratio:auto;object-fit:cover;object-position:center;width:100%;height:100%;display:block}#creative-welcome .field-image:after{z-index:2;pointer-events:none;background:linear-gradient(180deg,var(--ss-stone),transparent 16%)}#creative-welcome .field-image .creative-mobile-product{z-index:1;top:calc(var(--mobile-product-stage) * -.4);width:calc(var(--mobile-product-stage) * 1.125);height:calc(var(--mobile-product-stage) * 2);pointer-events:none;display:block;position:absolute;left:50%;transform:translate(-75%)}#creative-welcome .creative-mobile-product img{object-fit:contain;width:100%;height:100%}#creative-welcome .creative-welcome__invitation{flex-direction:column;grid-area:3/1;align-items:flex-start;gap:16px;width:100%;min-width:0;max-width:100%;margin:0;padding:24px;position:relative;inset:auto}#creative-welcome .creative-welcome__invitation a{white-space:normal;width:100%;min-width:0}#creative-welcome .creative-welcome__ghost{color:#0b0b0b11;z-index:3;font-size:20vw;line-height:1;inset:auto auto -.22em 24px}}@media (width<=380px){#creative-welcome .creative-welcome__invitation{padding:20px 16px}#creative-welcome .creative-welcome__invitation a{gap:12px;padding-inline:12px;font-size:13px}}.creative-second-reserved{align-items:end;gap:var(--ss-grid-gap);min-height:34rem;padding-block:var(--ss-section-feature);background:var(--ss-stone);grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);display:grid}.creative-second-reserved h1{margin-top:var(--ss-space-4)}.creative-second-reserved .ss-lead{margin-top:var(--ss-space-4);color:var(--ss-muted-copy)}.creative-second-study-link{justify-content:space-between;align-items:flex-end;gap:var(--ss-space-4);min-height:7rem;padding:var(--ss-space-4);color:var(--ss-soft-white);background:var(--ss-charcoal);text-decoration:none;display:flex}.creative-second-study-link .ss-icon{flex:0 0 2rem}.creative-second-outline{background:var(--ss-soft-white)}.creative-second-placeholder{align-items:center;gap:var(--ss-grid-gap);border-top:var(--ss-rule-light);grid-template-columns:minmax(12rem,.7fr) minmax(0,1.3fr);min-height:11rem;display:grid}.creative-second-placeholder h2{letter-spacing:-.055em;font-size:clamp(1.8rem,3.2vw,3.25rem);line-height:1.05}@media (width<=47.99rem){.creative-second-welcome{padding-top:48px}.creative-second-reserved,.creative-second-placeholder{grid-template-columns:1fr}.creative-second-reserved{align-items:start;min-height:auto}.creative-second-placeholder{gap:var(--ss-space-3);padding-block:var(--ss-space-6)}}}@scope(.creative-page){#creative-welcome{--creative-art-scale:1;--creative-art-x:-1%;--creative-art-y:-2%}#creative-welcome .field-image .creative-banner-foreground{z-index:1;pointer-events:none;width:100%;height:100%;transform:translate(var(--creative-art-x),var(--creative-art-y)) scale(var(--creative-art-scale));transform-origin:50%;display:block;position:absolute;inset:0}#creative-welcome .field-image .creative-banner-foreground img{object-fit:contain;object-position:right center;width:100%;height:100%;display:block}@media (width>=1025px) and (width<=1366px){#creative-welcome{--creative-art-x:5%;--creative-art-y:0%}}@media (width>=701px) and (width<=1024px){#creative-welcome{--creative-art-scale:.8;--creative-art-x:5%;--creative-art-y:0%}#creative-welcome .field-image:after{background:linear-gradient(90deg,var(--ss-stone) 0%,#e5e5e5f7 5%,#e5e5e5d6 12%,#e5e5e59e 21%,#e5e5e559 31%,#e5e5e51a 42%,#e5e5e500 54%)}#creative-welcome .field-image .creative-banner-foreground{z-index:3}#creative-welcome .field-image .creative-banner-foreground img{object-position:center}#creative-welcome .creative-welcome__invitation{margin-top:48px}}@media (width>=701px) and (width<=991px){#creative-welcome{--creative-art-y:-8%}}@media (width<=700px){#creative-welcome{--creative-art-scale:1;--creative-art-x:0%;--creative-art-y:-3%}#creative-welcome .field-image:after{background:linear-gradient(180deg,var(--ss-stone) 0px,#e5e5e5f7 10px,#e5e5e5d6 25px,#e5e5e59e 43px,#e5e5e559 64px,#e5e5e51a 88px,#e5e5e500 116px)}#creative-welcome .creative-welcome__ghost{color:#ffffff47}#creative-welcome .field-image .creative-banner-foreground{height:var(--mobile-product-stage);transform-origin:top;z-index:3;inset:-24px 0 auto}#creative-welcome .field-image .creative-banner-foreground img{object-fit:contain;object-position:top;width:100%;height:auto;max-width:calc(var(--mobile-product-stage) * .9);margin-inline:auto}}}@scope(.creative-page){.creative-best-fit{background:var(--ss-stone);padding-block:48px 72px;scroll-margin-top:24px}.creative-best-fit .heading{grid-template-columns:1.1fr 1fr;align-items:end;gap:6vw;margin-bottom:32px;display:grid}.creative-best-fit h2,.creative-best-fit h3{letter-spacing:-.055em;font-weight:700;line-height:1.07}.creative-best-fit .heading h2{font-size:var(--ss-display-2);margin-top:24px}.creative-best-fit .heading>p{max-width:46ch;font-size:var(--ss-lead);color:var(--ss-muted-copy);line-height:1.65}.creative-best-fit .unfold-shell{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;display:grid}.creative-best-fit .opening-card{border:var(--ss-rule-light);background:#fff;border-radius:22px;overflow:hidden}.creative-best-fit .opening-card>button{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:#fff;border:0;padding:0;display:block}.creative-best-fit button:focus-visible{outline-offset:-5px;outline:2px solid}.creative-best-fit .opening-photo{padding:14px 14px 0;display:block;overflow:hidden}.creative-best-fit .opening-photo img{aspect-ratio:4/5;object-fit:contain;border-radius:14px;width:100%;height:auto;display:block}.creative-best-fit .opening-label{justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.creative-best-fit .opening-label strong{font-size:var(--ss-heading-3);letter-spacing:var(--ss-tracking-heading-3);font-weight:700;line-height:1.2}.creative-best-fit .arrow{border:var(--ss-rule-light);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;transition:background .24s,color .24s;display:grid}.creative-best-fit .arrow svg{width:20px;height:20px;transition:transform .3s;transform:rotate(90deg)}.creative-best-fit [aria-expanded=true] .arrow{background:var(--ss-charcoal);color:#fff}.creative-best-fit [aria-expanded=true] .arrow svg{transform:rotate(-90deg)}.creative-best-fit .opening-detail{grid-template-rows:1fr;transition:grid-template-rows .35s,visibility .35s;display:grid}.creative-best-fit .opening-detail>div{min-height:0;overflow:hidden}.creative-best-fit .opening-detail h3{border-top:var(--ss-rule-light);max-width:18ch;margin:0 24px;padding-top:20px;font-size:26px}.creative-best-fit .opening-detail p{color:var(--ss-muted-copy);margin:16px 24px 24px;font-size:16px;line-height:1.65}.creative-best-fit .enhanced .opening-detail[hidden]{visibility:hidden;grid-template-rows:0fr;display:grid}.creative-best-fit .opening-card.active{border-color:var(--ss-charcoal)}.creative-best-fit .hint{color:var(--ss-muted-copy);text-align:center;margin-top:24px;font-size:12px}.creative-best-fit [data-unfold]:not(.enhanced) .opening-detail[hidden]{display:block}@media (hover:hover){.creative-best-fit .opening-card>button:hover .arrow{background:var(--ss-charcoal);color:#fff}}@media (width<=1100px){.creative-best-fit .opening-label{padding:16px}.creative-best-fit .opening-label strong{font-size:20px}.creative-best-fit .opening-detail h3{margin-inline:16px;font-size:24px}.creative-best-fit .opening-detail p{margin-inline:16px}.creative-best-fit .heading{gap:32px}}@media (width<=760px){.creative-best-fit{padding-block:32px 48px}.creative-best-fit .heading{grid-template-columns:1fr;gap:20px}.creative-best-fit .heading h2{margin-top:20px;font-size:clamp(32px,9vw,44px)}.creative-best-fit .heading>p{font-size:16px}.creative-best-fit .unfold-shell{grid-template-columns:1fr;gap:16px}.creative-best-fit .opening-card{grid-template-columns:1fr;display:grid}.creative-best-fit .opening-card>button{grid-template-columns:88px 1fr;align-items:center;gap:14px;padding:12px;display:grid}.creative-best-fit .opening-photo{padding:0}.creative-best-fit .opening-photo img{border-radius:10px}.creative-best-fit .opening-label{gap:8px;padding:0}.creative-best-fit .opening-detail h3{margin-inline:24px;padding-top:20px}.creative-best-fit .opening-detail p{margin-inline:24px}.creative-best-fit .hint{text-align:left}}@media (width<=370px){.creative-best-fit .opening-card>button{grid-template-columns:68px 1fr;gap:10px}.creative-best-fit .opening-label strong{font-size:18px}.creative-best-fit .arrow{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.creative-best-fit *,.creative-best-fit :before,.creative-best-fit :after{transition:none!important;animation:none!important}}}@scope(.creative-page){@scope(#creative-process){*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#0b0b0b;background:#fafafa;margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:5px;outline:2px solid}h2,h3,h4,p,figure{margin:0}h2,h3{letter-spacing:-.055em;font-weight:700;line-height:1.08}h4{letter-spacing:var(--ss-tracking-heading-4);font-weight:700;line-height:var(--ss-leading-heading-4)}svg{flex:none;width:20px;height:20px}.review{background:#fff;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;gap:24px;padding:18px 6vw;font-size:13px;display:flex}.review a{color:inherit;text-underline-offset:5px;align-items:center;min-height:44px;display:inline-flex}.review nav{gap:24px;display:flex}.skip{z-index:5;background:#fff;padding:16px;position:absolute;top:-100px}.skip:focus{top:0}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.study{padding:48px 6vw 64px;scroll-margin-top:20px}.study-note{color:#626262;align-items:baseline;gap:24px;margin-bottom:40px;font-size:13px;display:flex}.study-note strong{white-space:nowrap;color:#0b0b0b}.study-note p{max-width:78ch;line-height:1.6}.section-heading{grid-template-columns:1.2fr 1fr;align-items:end;gap:6vw;margin-bottom:32px;display:grid}.eyebrow{letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700;display:block}.section-heading h2{margin-top:24px;font-size:clamp(34px,4.2vw,64px)}.section-heading>p{color:#626262;max-width:44ch;font-size:18px;line-height:1.65}.explorer{min-width:0}.phase-switch{background:#fff;border:1px solid #d5d5d5;border-radius:999px;gap:5px;max-width:680px;margin-bottom:24px;padding:6px;display:flex}.phase-switch button{background:0 0;border:0;border-radius:999px;flex:1;min-width:0;padding:15px 18px;font-size:15px;font-weight:700;transition:background .22s,color .22s}.phase-switch button[aria-selected=true]{color:#fff;background:#0b0b0b}.phase-intro{justify-content:space-between;gap:16px;padding:0 0 20px;font-size:14px;display:flex}.phase-intro>span:first-child{font-weight:700}.phase-count{color:#626262}.workspace{grid-template-columns:minmax(190px,.26fr) minmax(0,1fr);align-items:stretch;gap:20px;display:grid}.step-nav{flex-direction:column;gap:10px;display:flex}.step-nav button{text-align:left;background:#fff;border:1px solid #d1d1d1;border-radius:18px;flex-direction:column;flex:1;justify-content:center;gap:10px;min-width:0;padding:24px;transition:background .25s,color .25s,border-color .25s;display:flex;position:relative}.step-name{letter-spacing:-.04em;font-size:22px;font-weight:700;line-height:1.15}.step-hint{color:#626262;font-size:13px;line-height:1.5}.step-arrow{display:none}.step-nav button[aria-selected=true]{color:#fff;background:#0b0b0b;border-color:#0b0b0b}.step-nav button[aria-selected=true] .step-hint{color:#c6c6c6}.step-preview{display:none}.stage-wrap{background:#fff;border:1px solid #d1d1d1;border-radius:22px;min-width:0;overflow:hidden}.board-heading{border-bottom:1px solid #d1d1d1;justify-content:space-between;gap:12px;padding:18px 24px;font-size:12px;display:flex}.board-heading>span:first-child{text-transform:uppercase;letter-spacing:.1em;font-weight:700}.board-heading>span:last-child{color:#626262}.board{background-color:#ebe9e2;background-image:linear-gradient(#00000006 1px,#0000 1px),linear-gradient(90deg,#00000006 1px,#0000 1px);background-size:28px 28px;align-items:center;height:390px;padding:28px;display:grid;overflow:hidden}.board>div{min-width:0;animation:.3s arrive}.explanation{grid-template-columns:.85fr 1fr;align-items:center;gap:28px;min-height:226px;padding:28px 32px;display:grid}.explanation h3{max-width:17ch;margin-top:14px;font-size:clamp(26px,2.5vw,38px)}.explanation p{font-size:15px;line-height:1.65}.outcome{color:#626262;border-top:1px solid #ddd;margin-top:16px;padding-top:14px;font-size:12px!important}.outcome b{color:#333;margin-bottom:3px;font-weight:700;display:block}.progress{align-items:center;gap:24px;padding-top:22px;font-size:12px;display:flex}.progress-text{min-width:180px}.progress-track{background:#ccc;flex:1;height:2px}.progress-track i{background:#0b0b0b;height:100%;transition:width .35s;display:block}.next{background:0 0;border:1px solid #bbb;border-radius:999px;align-items:center;gap:16px;min-height:44px;padding:10px 16px;display:flex}.next svg{transition:transform .22s}.next:hover svg{transform:translate(3px)}.delivery{margin-top:28px;font-size:14px;font-weight:700}.delivery span{color:#626262;margin-left:8px;font-weight:300}.micro{color:#626262;letter-spacing:.06em;text-transform:uppercase;font-size:11px;line-height:1.5;display:block}.brief-board{grid-template-columns:1fr 1fr;gap:18px;height:100%;display:grid}.intent{color:#fff;background:#0b0b0b;border-radius:16px;flex-direction:column;justify-content:center;gap:14px;padding:24px;display:flex}.intent .micro{color:#ccc}.intent .brief-title{font-size:clamp(27px,2.6vw,42px)}.intent p{color:#ddd;max-width:28ch;font-size:14px;line-height:1.5}.intent-line{background:#ffffff30;height:1px;margin-top:4px}.brief-notes{gap:10px;display:grid}.brief-notes>div{background:#fafafa;border:1px solid #d5d5d5;border-radius:14px;flex-direction:column;justify-content:center;gap:5px;padding:16px 20px;display:flex}.brief-notes strong{letter-spacing:-.035em;font-size:17px;line-height:1.25}.brief-notes p{color:#626262;font-size:12px;line-height:1.4}.scene{isolation:isolate;background:#bed6d7;border-radius:14px;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.scene:after{content:"";z-index:-2;background:#aac4c5;position:absolute;inset:60% 0 0}.product{z-index:2;filter:drop-shadow(10px 12px 10px #253a3e26);flex:none;width:96px;height:174px;position:relative;transform:rotate(12deg)}.product-cap{background:linear-gradient(90deg,#c48d9b,#eac5ce,#c38e9a);border-radius:9px 9px 0 0;width:58%;height:25%;position:absolute;top:0;left:21%}.product-body{color:#4b2731;background:linear-gradient(95deg,#c88c9e,#e1b1be 48%,#c88c9e);border-radius:18px 18px 24px 24px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:18% 0 0}.product b{letter-spacing:.12em;font-size:14px;font-weight:300}.product i{opacity:.4;background:currentColor;width:35px;height:1px}.product small{letter-spacing:.1em;font-size:5px}.scene-ring{z-index:1;border:20px solid #e5f2ed99;border-radius:50%;width:76%;height:48%;position:absolute;transform:rotate(-23deg)}.treatment-board{grid-template-columns:1.05fr 1fr;gap:18px;height:100%;display:grid}.material-notes{grid-template-rows:1fr 1fr 1fr;gap:12px;display:grid}.swatches{border-radius:14px;display:flex;overflow:hidden}.swatches span{color:#232323;flex:1;align-items:end;padding:12px;font-size:11px;display:flex}.surface-study{background:#fafafa;border:1px solid #d5d5d5;border-radius:14px;align-items:center;gap:18px;padding:12px 18px;display:flex}.surface-study strong,.treatment-note strong{margin-top:5px;font-size:16px;line-height:1.4;display:block}.orb{background:radial-gradient(circle at 30% 30%,#fff,#bad4d3 40%,#789fa0);border:1px solid #b0c4c3;border-radius:50%;flex:none;width:50px;height:50px}.treatment-note{padding:10px 18px}.shot-plan{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;height:100%;display:grid}.shot-card{background:#fafafa;border:1px solid #d5d5d5;border-radius:16px;grid-template-rows:minmax(0,1fr) auto;display:grid;overflow:hidden}.shot-card .scene{border-radius:0}.shot-card>div:last-child:not(.scene){padding:14px}.shot-card strong{letter-spacing:-.035em;margin-top:6px;font-size:17px;display:block}.shot-card p{color:#626262;margin-top:5px;font-size:12px}.shot-card .product{transform:rotate(12deg)scale(.8)}.shot-1 .product{transform:rotate(30deg)scale(1.25)}.shot-2 .product{transform:rotate(-8deg)scale(.7)}.set-board{flex-direction:column;gap:16px;height:100%;display:flex}.set-stage{flex:1;place-items:center;display:grid;position:relative;overflow:hidden}.backdrop{background:#bed6d7;border:1px solid #8ba5a6;border-radius:50px 10px 0 0;position:absolute;inset:0 20% 0 10%}.set-surface{background:#aac4c5;border-top:1px solid #90adae;height:22%;position:absolute;bottom:0;left:10%;right:20%}.set-stage .product{transform:scale(.9)}.set-camera{background:#fafafa;border:1px solid #999;border-radius:12px;padding:12px;position:absolute;bottom:30%;right:5%}.set-camera svg{width:30px;height:30px}.set-tags{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.set-tags span{background:#fafafa;border:1px solid #d5d5d5;border-radius:999px;padding:9px 12px;font-size:12px}.light-board{grid-template-rows:1fr auto;gap:16px;height:100%;display:grid}.lighting-demo{background:#d1dbd7;border-radius:14px;position:relative;overflow:hidden}.lighting-demo .scene{border-radius:0;height:100%;transition:filter .4s}.lighting-demo .scene .product{transform:scale(.9)}.light-source,.bounce{z-index:3;background:#fafafa;border:1px solid #ccc;border-radius:999px;padding:9px 12px;font-size:12px;position:absolute;top:18px;left:18px}.bounce{inset:auto 18px 18px auto}.light-beam{pointer-events:none;background:linear-gradient(125deg,#fff8,#0000 65%);transition:background .4s;position:absolute;inset:0}.lighting-demo.hard .scene{filter:contrast(1.25)}.lighting-demo.hard .light-beam{background:linear-gradient(125deg,#fff6 48%,#0002 49%)}.light-controls{justify-content:center;gap:6px;display:flex}.light-controls button{background:0 0;border:1px solid #aaa;border-radius:999px;min-height:44px;padding:10px 20px;font-size:12px}.light-controls button[aria-pressed=true]{color:#fff;background:#0b0b0b;border-color:#0b0b0b}.capture-board{grid-template-columns:1.5fr .7fr;gap:16px;height:100%;display:grid}.capture-main{border-radius:14px;position:relative;overflow:hidden}.capture-main .scene{height:100%}.capture-label{background:#fafafa;border-radius:999px;padding:8px 12px;font-size:11px;position:absolute;bottom:16px;left:16px}.viewfinder{border:1px solid #ffffff90;border-radius:4px;position:absolute;inset:18px}.capture-strips{grid-template-rows:1fr 1fr auto;gap:10px;display:grid}.capture-strips>div{border-radius:12px;min-height:0;position:relative;overflow:hidden}.capture-strips span{background:#fafafae6;border-radius:6px;padding:4px 7px;font-size:11px;position:absolute;bottom:8px;left:10px}.plate{background:linear-gradient(#bed6d7 60%,#aac4c5 60%);height:100%}.texture{background:radial-gradient(at 35% 70%,#eef5e8 15%,#a7c9cb 16%,#dce8e5 45%,#99b8ba 48%,#c0d4d2 70%);height:100%}.capture-strips p{color:#626262;font-size:11px;line-height:1.4}.assemble-board{grid-template-columns:1.5fr .8fr;align-items:center;gap:24px;height:100%;display:grid}.layer-scene,.layer-scene .scene{height:100%}.layer-controls{flex-direction:column;gap:16px;display:flex}.layer-controls label{align-items:center;gap:10px;min-height:28px;font-size:14px;display:flex}.layer-controls input{accent-color:#111;width:18px;height:18px}.layer-controls p{color:#626262;font-size:11px;line-height:1.5}.hide-product .product,.hide-ring .scene-ring{visibility:hidden}.hide-shadow .product{filter:none}.refine-board{grid-template-rows:1fr auto;gap:16px;height:100%;display:grid}.comparison{border-radius:14px;position:relative;overflow:hidden}.comparison>.scene,.comparison .before,.comparison .before .scene{position:absolute;inset:0}.comparison .before{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.unfinished{filter:saturate(.45)brightness(.85);border-radius:0}.compare-line{left:var(--reveal);border-left:2px solid #fff;height:100%;position:absolute}.before-label,.after-label{background:#fafafa;border-radius:999px;padding:7px 10px;font-size:11px;position:absolute;top:14px;left:14px}.after-label{left:auto;right:14px}.range-label{align-items:center;gap:20px;font-size:12px;display:flex}.range-label input{accent-color:#111;flex:1;min-width:0;min-height:28px}.adapt-board{justify-content:center;align-items:center;gap:16px;min-width:0;height:100%;display:flex}.format{border-radius:12px;min-width:0;position:relative;overflow:hidden}.format .scene{border-radius:0;width:100%;height:100%}.format-0{aspect-ratio:16/9;flex:1.778}.format-1{aspect-ratio:4/5;flex:.8}.format-2{aspect-ratio:9/16;flex:.5625}.format .product{width:50px;height:90px}.format .scene-ring{border-width:10px}.format-label{white-space:nowrap;background:#fafafa;border-radius:999px;padding:6px 8px;font-size:10px;position:absolute;bottom:8px;left:8px}.cards{background:#e5e5e5}.cards .workspace{flex-direction:column;gap:18px;display:flex}.cards .step-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.cards .step-nav button{grid-template-rows:auto auto;grid-template-columns:76px 1fr 24px;align-items:center;gap:4px 16px;padding:16px 20px;display:grid}.cards .step-preview{background:#dedbd1;border-radius:12px;grid-row:1/3;place-items:center;width:76px;height:76px;display:grid;position:relative;overflow:hidden}.step-preview .product{position:absolute;transform:rotate(12deg)scale(.3)}.cards .step-name{align-self:end;font-size:20px}.cards .step-hint{grid-column:2;align-self:start;font-size:12px}.cards .step-arrow{grid-area:1/3/3;transition:transform .25s;display:block;transform:rotate(90deg)}.cards .step-nav button[aria-selected=true] .step-arrow{transform:rotate(-90deg)}.cards .stage-wrap{grid-template-columns:1.45fr 1fr;display:grid}.cards .board-heading{grid-column:1/-1}.cards .board{height:410px}.cards .explanation{flex-direction:column;justify-content:center;align-items:stretch;gap:24px;padding:32px;display:flex}.cards .explanation h3{font-size:clamp(28px,2.6vw,40px)}.cards .intent{padding:20px}.cards .intent .brief-title{font-size:30px}.cards .brief-notes>div{padding:14px}.cards .brief-notes strong{font-size:15px}.cards .board{padding:22px}.dock{background:#fafafa}.dock .explorer{color:#fff;background:#0b0b0b;border-radius:28px;padding:28px}.dock .phase-switch{background:#262626;border-color:#444;margin:0 auto 24px}.dock .phase-switch button[aria-selected=true]{color:#0b0b0b;background:#fff}.dock .phase-count{color:#bbb}.dock .workspace{flex-direction:column;gap:0;display:flex}.dock .stage-wrap{color:#0b0b0b;background:#fafafa;border:0;border-radius:18px 18px 0 0;order:0;grid-template-columns:1.5fr 1fr;display:grid}.dock .board-heading{grid-column:1/-1}.dock .board{height:410px}.dock .explanation{flex-direction:column;justify-content:center;align-items:stretch;gap:24px;padding:32px;display:flex}.dock .step-nav{border:1px solid #555;border-radius:0 0 18px 18px;order:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.dock .step-nav button{color:#fff;background:#262626;border:0;border-right:1px solid #555;border-radius:0;gap:6px;padding:20px 24px}.dock .step-nav button:last-child{border-right:0}.dock .step-nav button[aria-selected=true]{color:#0b0b0b;background:#fafafa;box-shadow:inset 0 -3px #0b0b0b}.dock .step-nav .step-hint{color:#bbb}.dock .step-nav button[aria-selected=true] .step-hint{color:#626262}.dock .progress-track{background:#555}.dock .progress-track i{background:#fff}.dock .next{border-color:#888}.dock .intent .brief-title{font-size:32px}.no-script{padding:30px}@keyframes arrive{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}@media (hover:hover){.step-nav button:not([aria-selected=true]):hover{background:#f0f0f0;border-color:#555}.dock .step-nav button:not([aria-selected=true]):hover{background:#333}.phase-switch button:not([aria-selected=true]):hover{box-shadow:inset 0 0 0 1px #888}}@media (width>=1700px){.board{height:460px}.cards .board,.dock .board{height:470px}.product{width:112px;height:203px}}@media (width<=1150px){.workspace{grid-template-columns:175px minmax(0,1fr);gap:14px}.step-nav button{padding:20px}.step-name{font-size:20px}.explanation{gap:24px;padding:24px}.board{padding:20px}.intent{padding:18px}.brief-notes>div{padding:14px}.brief-notes strong{font-size:15px}.cards .stage-wrap,.dock .stage-wrap{grid-template-columns:1fr}.cards .explanation,.dock .explanation{grid-template-columns:.8fr 1fr;gap:32px;padding:28px;display:grid}.cards .step-nav button{grid-template-columns:54px 1fr 20px;gap:10px;padding:14px}.cards .step-preview{width:54px;height:64px}.cards .step-hint{display:none}.cards .step-name{align-self:center;font-size:18px}.cards .step-nav button .step-preview,.cards .step-nav button .step-arrow{grid-row:1}.cards .board,.dock .board{height:380px}.dock .explanation h3{font-size:32px}.board-heading{padding:18px 20px}.canvas .explanation{grid-template-columns:1fr;gap:18px;min-height:280px}.canvas .explanation h3{max-width:none;font-size:30px}.canvas .board{height:380px}.surface-study{gap:10px;padding:12px}.surface-study strong{font-size:14px}.orb{width:38px;height:38px}}@media (width<=760px){.review{flex-wrap:wrap;gap:8px}.review>span{display:none}.study{padding-block:32px 44px}.study-note{margin-bottom:28px;display:block}.study-note p{margin-top:8px;font-size:12px}.section-heading{grid-template-columns:1fr;gap:18px}.section-heading h2{font-size:38px}.section-heading>p{font-size:16px}.phase-switch{gap:2px;width:100%;max-width:none;margin-bottom:20px;padding:4px}.phase-switch button{min-height:46px;padding:13px 4px;font-size:11px}.phase-intro{padding-bottom:16px;font-size:12px}.workspace{flex-direction:column;gap:12px;display:flex}.step-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.step-nav button{text-align:center;border-radius:12px;align-items:center;min-height:64px;padding:14px 6px}.step-name{letter-spacing:-.03em;font-size:14px}.step-hint{display:none}.board-heading{gap:8px;padding:14px 16px;font-size:10px}.board-heading>span:first-child{letter-spacing:.05em}.board-heading>span:last-child{text-align:right;max-width:12ch}.board,.canvas .board,.cards .board,.dock .board{height:360px;padding:16px}.explanation,.canvas .explanation,.cards .explanation,.dock .explanation{min-height:0;padding:24px;display:block}.explanation h3,.canvas .explanation h3,.cards .explanation h3,.dock .explanation h3{max-width:20ch;margin-top:12px;font-size:28px}.explanation>div+div{margin-top:18px}.explanation p{font-size:14px}.outcome{margin-top:16px}.progress{flex-wrap:wrap;gap:12px;padding-top:18px}.progress-text{flex:1;min-width:0;font-size:10px}.progress-track{display:none}.next{gap:8px;padding:8px 12px;font-size:11px}.delivery{margin-top:20px;font-size:12px;line-height:1.7}.delivery span{margin-left:0;display:block}.brief-board{grid-template-columns:1fr;gap:10px}.intent{gap:10px;padding:18px;position:relative}.intent .brief-title{max-width:15ch;font-size:27px!important}.intent .brief-title br{display:none}.intent p{max-width:32ch;font-size:12px}.intent-line,.intent>.micro:last-child{display:none}.brief-notes{grid-template-columns:1fr 1fr;gap:8px}.brief-notes>div{padding:10px}.brief-notes>div:last-child{grid-column:1/-1}.brief-notes strong{font-size:12px}.brief-notes p{font-size:10px}.micro{font-size:9px}.treatment-board{grid-template-columns:1fr 1fr;gap:10px}.material-notes{grid-template-rows:.7fr 1fr 1fr;gap:8px}.swatches span{padding:6px;font-size:9px}.surface-study{flex-direction:column;align-items:start;gap:6px;padding:12px}.surface-study strong,.treatment-note strong{font-size:12px}.treatment-note{padding:8px}.orb{width:32px;height:32px}.treatment-scene .product{transform:rotate(12deg)scale(.75)}.treatment-scene .scene-ring{border-width:12px}.shot-plan{grid-template-columns:1fr;gap:8px}.shot-card{border-radius:12px;grid-template-rows:1fr;grid-template-columns:90px 1fr}.shot-card>div:last-child:not(.scene){flex-direction:column;justify-content:center;padding:10px;display:flex}.shot-card strong{margin-top:3px;font-size:14px}.shot-card p{margin-top:4px;font-size:10px}.shot-card .product{position:absolute;transform:rotate(12deg)scale(.38)}.shot-card .shot-1 .product{transform:rotate(30deg)scale(.6)}.shot-card .shot-2 .product{transform:rotate(-8deg)scale(.35)}.shot-card .scene-ring{border-width:8px}.set-tags{gap:5px}.set-tags span{padding:8px;font-size:9px}.set-stage .product{transform:scale(.7)}.set-camera{padding:8px;right:0}.set-camera svg{width:24px;height:24px}.capture-board{grid-template-rows:1fr 80px;grid-template-columns:1fr;gap:10px}.capture-strips{grid-template-rows:1fr;grid-template-columns:1fr 1fr;gap:10px}.capture-strips p{display:none}.capture-main .product{transform:rotate(12deg)scale(.75)}.capture-strips span{font-size:9px;bottom:6px;left:6px}.assemble-board{grid-template-rows:1fr auto;grid-template-columns:1fr;gap:12px}.layer-controls{flex-flow:wrap;gap:6px 12px;display:flex}.layer-controls>.micro{width:100%}.layer-controls label{gap:6px;min-height:32px;font-size:11px}.layer-controls p{display:none}.layer-scene .product{transform:rotate(12deg)scale(.75)}.comparison .product{transform:rotate(12deg)scale(.8)}.before-label,.after-label{padding:6px 8px;font-size:9px;top:10px;left:10px}.after-label{left:auto;right:10px}.range-label{gap:12px;font-size:11px}.adapt-board{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;align-items:stretch;gap:10px;display:grid}.format-0{aspect-ratio:auto;grid-column:1/-1}.format-1,.format-2{aspect-ratio:auto}.format-1{justify-self:end;width:110px}.format-2{justify-self:start;width:78px}.format .product{width:38px;height:70px}.format-label{padding:4px 6px;font-size:8px;bottom:5px;left:5px}.cards .step-nav{gap:6px}.cards .step-nav button{align-items:center;gap:8px;min-height:104px;padding:10px 6px;display:flex}.cards .step-preview{border-radius:8px;width:48px;height:40px}.cards .step-preview .product{transform:rotate(12deg)scale(.2)}.cards .step-name{font-size:13px}.cards .step-arrow{display:none}.cards .intent{padding:18px}.cards .brief-notes>div{padding:10px}.cards .brief-notes strong{font-size:12px}.dock .explorer{border-radius:22px;padding:16px}.dock .phase-switch{margin-bottom:20px}.dock .phase-switch button{padding-inline:3px;font-size:10px}.dock .board{padding:12px}.dock .step-nav button{min-height:64px;padding:16px 5px}.dock .step-name{font-size:12px}.dock .progress-text{max-width:16ch;line-height:1.5}.dock .next{font-size:10px}.dock .explanation{padding:20px}.dock .stage-wrap{border-radius:14px 14px 0 0}.dock .surface-study{padding:9px}.dock .swatches span{font-size:8px}.dock .format-1{width:95px}.dock .format-2{width:68px}}@media (width<=370px){.section-heading h2{font-size:33px}.phase-switch button{font-size:10px}.dock .phase-switch button{font-size:9px}.intent .brief-title{font-size:24px!important}.step-name{font-size:12px}.swatches{flex-direction:column}.swatches span{align-items:center;padding:4px 8px}.treatment-board{grid-template-columns:.9fr 1fr}.scene .product{max-width:90px}.dock .explanation h3{font-size:26px}.layer-controls label{gap:4px;font-size:10px}.layer-controls{gap:4px 9px}.format-1{width:95px}.format-2{width:68px}}.explanation h3{line-height:1.18}@media (width<=760px){.adapt-board{grid-template-rows:auto 140px;align-content:center}.format-0{aspect-ratio:16/9;width:100%}.format-1,.dock .format-1{aspect-ratio:4/5;width:112px;height:140px}.format-2,.dock .format-2{aspect-ratio:9/16;width:78.75px;height:140px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.canvas .board[data-scene=adapt]{height:580px}.adapt-studio{flex-direction:column;gap:16px;min-width:0;height:100%;display:flex}.adapt-stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;container-type:size}.adapt-gallery{justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.adapt-gallery>button{aspect-ratio:var(--ratio);width:calc((100% - 32px) * var(--ratio) / 3.14028);background:#111;border:0;border-radius:14px;padding:0;transition:transform .18s;position:relative;overflow:hidden}.adapt-gallery>button:hover{transform:translateY(-3px)}.adapt-gallery img{object-fit:contain;width:100%;height:100%;display:block}.adapt-gallery>button>span{color:#fff;background:#111;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}.adapt-focus{aspect-ratio:var(--ratio);width:min(100%,calc(100cqh * var(--ratio)));background:#111;border-radius:14px;position:relative;overflow:hidden}.adapt-focus img{object-fit:contain;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.adapt-drag{cursor:ew-resize;touch-action:pan-y;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.adapt-drag:focus-visible{outline-offset:-5px;outline-color:#fff}.adapt-detail-heading{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.adapt-detail-heading button,.adapt-controls button{color:#111;background:#fafafa;border:1px solid #ccc;border-radius:999px;min-height:40px;padding:10px 18px;font-size:12px;font-weight:700}.adapt-controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.adapt-controls button[aria-pressed=true]{color:#fff;background:#111;border-color:#111}.adapt-instruction{text-align:center;color:#555;font-size:12px;line-height:1.5}@media (width>=761px){.adapt-studio.is-portrait-detail{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:clamp(170px,17vw,240px) minmax(0,1fr);gap:22px 28px;display:grid}.is-portrait-detail .adapt-stage{grid-area:1/2/4;min-width:0;height:100%}.is-portrait-detail .adapt-detail-heading{flex-direction:column;grid-area:1/1;align-items:stretch;gap:18px}.is-portrait-detail .adapt-detail-heading strong{text-align:center}.is-portrait-detail .adapt-controls{flex-direction:column;grid-area:2/1;align-self:center;gap:10px}.is-portrait-detail .adapt-controls button{width:100%;min-height:44px}.is-portrait-detail .adapt-instruction{text-align:left;border-top:1px solid #ccc;grid-area:3/1;padding-top:16px}}@media (width<=760px){.canvas .board[data-scene=adapt],.adapt-studio{height:auto}.adapt-stage{container-type:normal}.adapt-gallery{grid-template-columns:1fr 1fr;align-items:center;gap:12px;display:grid}.adapt-gallery>button{width:100%}.adapt-gallery>button:first-child{grid-column:1/-1}.adapt-gallery>button>span{padding:5px 7px;font-size:9px}.adapt-focus{width:min(100%,calc(360px * var(--ratio)))}.adapt-controls button{min-height:44px;padding:9px 12px;font-size:11px}.adapt-instruction,.adapt-detail-heading{font-size:11px}.adapt-detail-heading button{padding:9px 12px}}@media (prefers-reduced-motion:reduce){.adapt-gallery>button{transition:none}}.canvas .board[data-scene=refine]{height:500px}.refine-studio{grid-template-rows:minmax(0,1fr) auto auto;gap:14px;height:100%;display:grid}.refine-image-wrap{justify-content:center;align-items:center;min-height:0;display:flex;container-type:size}.refine-comparison{aspect-ratio:16/9;background:#111;border-radius:14px;width:min(100%,177.778cqh);position:relative;overflow:hidden}.refine-comparison img{object-fit:contain;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.refine-before{clip-path:inset(0 0 0 var(--split))}.refine-divider{top:0;bottom:0;left:var(--split);pointer-events:none;background:#fff;width:2px;position:absolute;transform:translate(-50%)}.refine-divider>span{color:#fff;white-space:pre;background:#111;border:2px solid #fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:22px;font-weight:700;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.refine-slider{opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.refine-comparison:focus-within{outline-offset:4px;outline:2px solid #111}.refine-controls{justify-content:center;gap:8px;display:flex}.refine-controls button{background:#fafafa;border:1px solid #ccc;border-radius:999px;min-height:40px;padding:8px 22px;font-size:12px;font-weight:700;transition:background-color .18s,color .18s}.refine-controls button[aria-pressed=true]{color:#fff;background:#111;border-color:#111}.refine-hint{text-align:center;color:#555;font-size:12px;line-height:1.5}.refine-comparison.is-jumping .refine-before{transition:clip-path .32s}.refine-comparison.is-jumping .refine-divider{transition:left .32s}@media (width<=760px){.canvas .board[data-scene=refine]{height:auto;min-height:0}.refine-studio{height:auto}.refine-image-wrap{container-type:normal}.refine-comparison{border-radius:10px;width:100%}.refine-controls button{min-height:44px;padding:8px 16px}.refine-hint{font-size:11px}}@media (prefers-reduced-motion:reduce){.refine-comparison.is-jumping .refine-before,.refine-comparison.is-jumping .refine-divider,.refine-controls button{transition:none}}.canvas .board[data-scene=assemble]{min-height:500px}.assemble-studio{grid-template-columns:minmax(0,1fr) clamp(220px,17vw,280px);gap:22px;height:100%;min-height:0;display:grid}.assemble-preview-wrap{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;container-type:size}.assemble-preview{aspect-ratio:16/9;isolation:isolate;background:repeating-conic-gradient(#e5e5e5 0% 25%,#fafafa 0% 50%) 0 0/16px 16px;border-radius:14px;width:min(100%,177.778cqh);position:relative;overflow:hidden}.assemble-preview img{object-fit:contain;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.assemble-preview img[hidden]{display:none}.assemble-panel{background:#fafafa;border:1px solid #ccc;border-radius:14px;align-self:center;min-width:0;overflow:hidden}.assemble-panel>header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:14px 16px;font-size:12px;display:flex}.assemble-panel>header button{font:inherit;color:#555;cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:10px}.assemble-group{border-bottom:1px solid #ddd;padding:12px 16px}.assemble-group-title{align-items:center;gap:7px;font-size:12px;display:flex}.assemble-panel svg{flex:none;width:16px;height:16px}.assemble-eye{color:#111;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;padding:0;display:grid}.assemble-eye:hover{background:#e5e5e5}.assemble-eye:disabled{opacity:.45;cursor:not-allowed;background:0 0}.assemble-layer-row{align-items:center;gap:10px;min-width:0;margin:8px 0 10px 28px;display:flex}.assemble-layer-row img{object-fit:contain;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0 0/8px 8px;border:1px solid #ddd;border-radius:4px;width:40px;height:25px}.assemble-layer-row strong{font-size:10px;line-height:1.3;display:block}.assemble-layer-row small{color:#666;font-size:9px;line-height:1.4;display:block}.assemble-action{color:#111;width:calc(100% - 28px);min-height:29px;font:inherit;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:999px;justify-content:center;align-items:center;gap:7px;margin-left:28px;padding:5px 8px;font-size:10px;font-weight:700;display:flex}.assemble-action[aria-pressed=true]{color:#fff;background:#111;border-color:#111}.assemble-action:disabled{opacity:.4;cursor:default}.assemble-drip{margin-top:8px}.assemble-help{color:#555;min-height:72px;margin:0;padding:13px 16px;font-size:10px;line-height:1.5}.assemble-action,.assemble-eye{transition:background-color .18s,color .18s,opacity .18s}.assemble-panel button:focus-visible{outline-offset:3px;outline:2px solid #111}@media (prefers-reduced-motion:reduce){.assemble-action,.assemble-eye{transition:none}}@media (width>=1700px){.assemble-action{min-height:34px;font-size:11px}.assemble-help{min-height:76px;font-size:11px}}@media (width<=1000px){.canvas .board[data-scene=assemble]{height:auto;min-height:0}.assemble-studio{grid-template-columns:1fr;gap:16px;height:auto}.assemble-preview-wrap{container-type:normal}.assemble-preview{width:100%}.assemble-panel{grid-template-columns:1fr 1fr;width:100%;display:grid}.assemble-panel>header,.assemble-help{grid-column:1/-1}.assemble-group:first-of-type{border-right:1px solid #ddd}.assemble-help{min-height:48px}.assemble-action{width:100%;margin-left:0}.assemble-layer-row{margin-left:0}.assemble-eye{width:32px;height:32px}}@media (width<=480px){.assemble-panel{grid-template-columns:1fr}.assemble-group:first-of-type{border-right:0}.assemble-action{min-height:36px}.assemble-preview{border-radius:10px}}.capture-parent-arrow{flex:none;width:15px;height:15px}.capture-contact .capture-child{gap:6px;margin-left:16px}.capture-contact .capture-child .capture-mini{width:48px}.capture-session.is-complete .capture-focus,.capture-gallery[hidden]{display:none}.capture-gallery{aspect-ratio:64/27;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:3fr 1fr;gap:10px;width:min(100%,237.037cqh);min-height:0;display:grid}.capture-gallery button{cursor:pointer;background:0 0;border:0;border-radius:12px;grid-column:2;min-width:0;min-height:0;padding:0;transition:box-shadow .2s;position:relative;overflow:hidden}.capture-gallery button.is-focus{grid-area:1/1/4}.capture-gallery img{object-fit:cover;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.capture-gallery button span{color:#fff;background:#111;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700;position:absolute;bottom:8px;left:8px}.capture-gallery button:not(.is-focus) span{clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute}.capture-gallery button:focus-visible{outline-offset:3px;outline:2px solid #111}.capture-session.is-complete .capture-contact .capture-mini{display:none}.capture-session.is-complete .capture-contact button{min-height:42px;padding:12px}@media (width<=1000px){.capture-session.is-complete .capture-contact{grid-template-columns:repeat(4,minmax(0,1fr))}.capture-session.is-complete .capture-contact .capture-child{margin-left:0;transform:translateY(7px)}.capture-contact .capture-child{margin-left:0}.capture-contact .capture-child .capture-mini{width:100%}.capture-contact .capture-parent-arrow{display:none}.capture-session.is-complete .capture-parent-arrow{display:block}.capture-session.is-complete .capture-contact button{min-height:48px;padding:5px}.capture-gallery{aspect-ratio:4/3;grid-template-rows:3fr 1fr;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(100%,133.333cqh)}.capture-gallery button{border-radius:8px;grid-area:2}.capture-gallery button.is-focus{grid-area:1/1/auto/4}}.capture-session{grid-template-columns:clamp(170px,13vw,220px) minmax(0,1fr);gap:24px;height:100%;min-height:0;display:grid}.capture-console{flex-direction:column;justify-content:center;gap:10px;min-width:0;display:flex}.capture-shutter{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#111;border:1px solid #111;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:10px 12px;font-size:12px;font-weight:700;display:flex}.capture-shutter svg{flex:none;width:20px;height:20px}.capture-shutter:disabled{opacity:.65;cursor:default}.capture-status,.capture-guidance{color:#555;margin:0;font-size:11px;line-height:1.45}.capture-status{min-height:16px;font-weight:700}.capture-contact{gap:7px;display:grid}.capture-contact button{color:#111;cursor:pointer;text-align:left;background:#fafafa;border:1px solid #ccc;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:5px;transition:background .25s,color .25s;display:flex}.capture-contact button[aria-pressed=true]{color:#fff;background:#111;border-color:#111}.capture-contact button:disabled{cursor:default;color:#888}.capture-contact strong{font-size:11px;line-height:1.25}.capture-mini{aspect-ratio:16/9;background:#e5e5e5;border-radius:6px;flex:none;width:65px;display:block;position:relative;overflow:hidden}.capture-mini img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s}.capture-mini>span{color:#555;place-items:center;font-size:11px;display:grid;position:absolute;inset:0}.is-captured .capture-mini img{opacity:1}.is-captured .capture-mini>span{display:none}.capture-image-wrap{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;container-type:size}.capture-focus{aspect-ratio:16/9;isolation:isolate;background:#a0d8ed;border-radius:14px;width:min(100%,177.778cqh);margin:0;position:relative;overflow:hidden}.capture-focus>img{object-fit:contain;opacity:0;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.capture-focus>img:first-child{opacity:1}.capture-focus figcaption{color:#fff;background:#111;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:700;position:absolute;bottom:12px;left:12px}.capture-shutter-curtain{opacity:0;pointer-events:none;background:#111;position:absolute;inset:0}@media (width<=1150px) and (width>=1001px){.capture-console{gap:7px}.capture-contact{gap:5px}.capture-mini{width:56px}.capture-shutter{font-size:11px}}@media (width<=1000px){.capture-session{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:12px}.capture-console{grid-template-columns:1fr 1fr;gap:8px;display:grid}.capture-contact{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}.capture-contact button{text-align:center;flex-direction:column;gap:4px}.capture-mini{width:100%}.capture-status{align-self:center}.capture-guidance{grid-column:1/-1}.capture-focus figcaption{padding:5px 8px;font-size:9px;bottom:8px;left:8px}}@media (width<=760px){.capture-contact strong{font-size:9px}.capture-contact button{border-radius:7px;padding:3px}.capture-shutter{padding:8px;font-size:10px}.capture-session{gap:10px}.capture-focus{border-radius:10px}}@media (prefers-reduced-motion:reduce){.capture-focus>img,.capture-mini img,.capture-contact button{transition:none}}.light-exposure{object-fit:cover;opacity:0;pointer-events:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0;transform:scale(1.02)}.light-exposure.light-base{opacity:1}.light-exposure.light-key{mix-blend-mode:screen;opacity:var(--light-key,0)}.light-exposure.light-flag{mix-blend-mode:soft-light;opacity:var(--light-flag,0)}.light-tools{grid-area:controls;gap:8px;min-width:0;display:grid}.light-tools button{color:#111;width:100%;min-height:42px;font:inherit;cursor:pointer;background:#fafafa;border:1px solid #c9c9c9;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.light-tools button[aria-pressed=true],.light-tools .is-balanced{color:#fff;background:#111;border-color:#111}.light-tools svg{flex:none;width:18px;height:18px}.light-tools button small{margin-left:auto;font-size:11px}.light-balance-short{display:none}.light-slider{padding:6px 10px 0;display:block}.light-slider>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.light-slider input{accent-color:#111;cursor:pointer;width:100%;height:16px;margin:0;display:block}.light-slider input:disabled{opacity:.35;cursor:default}.kapsu-light .build-footer{gap:10px;min-height:auto}.light-meter{color:#555;font-size:10px}.light-meter>div:first-child{justify-content:space-between;gap:6px;display:flex}.light-meter output{color:#111;font-weight:700}.light-meter-track{background:repeating-linear-gradient(90deg,#c9c9c9 0 1px,#0000 1px 10%);gap:3px;height:9px;margin:8px 0;display:grid}.light-meter-track i,.light-meter-track b{background:#111;height:3px;transition:width .2s;display:block}.light-meter-track b{background:#888}.light-meter small{font-size:9px}@media (width<=1000px){.light-tools{grid-template-columns:1fr 1fr 1fr;align-items:start}.kapsu-light .build-footer{grid-template-columns:1fr 1fr;gap:16px;display:grid}.light-tools button{gap:6px;padding:10px;font-size:11px}}@media (width<=760px){.light-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.light-tools button{white-space:nowrap;flex-wrap:nowrap;justify-content:center;gap:5px;min-height:44px;padding:8px 5px;font-size:10px}.light-tools button small,.light-balance-full{display:none}.light-balance-short{display:inline}.light-tools svg{width:16px;height:16px}.kapsu-light .build-footer{min-height:105px;display:flex}.light-meter{width:100%}}@media (prefers-reduced-motion:reduce){.light-exposure{transition:none}}.build-interactive{grid-template:".image"minmax(0,1fr)"controls image""instructions image"".image"minmax(0,1fr)/clamp(164px,12vw,208px) minmax(0,1fr);gap:0 24px;height:100%;min-height:0;display:grid}.build-pills{flex-direction:column;grid-area:controls;gap:8px;display:flex}.build-pills button,.build-centre{color:#111;font:inherit;cursor:pointer;background:#fafafa;border:1px solid #c9c9c9;border-radius:999px;min-height:38px;padding:9px 14px;font-size:11px}.build-pills button[aria-pressed=true]{color:#fff;background:#111;border-color:#111}.build-frame-wrap{grid-area:image;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;container-type:size}.build-frame{aspect-ratio:16/9;isolation:isolate;background:#fafafa;border:0;border-radius:14px;flex:none;width:min(100%,177.778cqh);position:relative;overflow:hidden}.build-interactive[data-build="0"] .build-frame{box-shadow:inset 0 0 0 1px #c9c9c9}.build-interactive:not([data-build="0"]) .build-frame{background:#80c6e5}.build-background{transform:scale(1.02)}.build-placement{transform-origin:50% 0}.build-blank{color:#777;place-items:center;font-size:14px;font-weight:700;display:grid;position:absolute;inset:0}.build-background,.build-placement,.build-thirds{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.build-background,.build-placement img{object-fit:contain;user-select:none;-webkit-user-drag:none}.build-placement img{pointer-events:none;width:100%;height:100%;display:block}.build-drag{cursor:grab;touch-action:none;pointer-events:auto;background:0 0;border:0;border-radius:30%;width:24%;height:43%;position:absolute;top:28%;left:39%}.build-drag:disabled{pointer-events:none}.build-drag:focus-visible{outline-offset:5px;outline:2px dashed #111}.is-dragging .build-drag{cursor:grabbing}.build-thirds path{fill:none;stroke:#fff;stroke-width:2px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 1px #333)}.build-interactive:not([data-build="0"]) .build-background,.build-interactive:is([data-build="2"],[data-build="3"]) .build-placement{opacity:1}.build-interactive[data-build="3"] .build-thirds{opacity:.85}.build-footer{border-top:1px solid #c9c9c9;flex-direction:column;grid-area:instructions;justify-content:flex-start;align-items:stretch;gap:14px;min-height:0;padding-top:15px;display:flex}.build-help{color:#454545;max-width:52ch;font-size:11px;line-height:1.5}.build-centre{flex-shrink:0}.build-centre[hidden]{display:none}@media (width>=1001px){.build-pills button,.build-centre{min-height:44px;padding:11px 16px;font-size:12px}.build-footer{gap:12px;min-height:auto;margin-top:16px;padding-top:12px}}@media (width>=1001px) and (width<=1150px){.build-pills button,.build-centre{min-height:42px;padding-block:10px}.build-footer{margin-top:12px;padding-top:10px}}@media (width>=1700px){.build-pills{gap:10px}.build-pills button,.build-centre{min-height:50px;padding:14px 20px;font-size:13px}.build-help{font-size:12px}.build-footer{gap:16px;margin-top:20px;padding-top:16px}}@media (width<=1000px){.build-interactive{grid-template:"controls""image"minmax(0,1fr)"instructions"/minmax(0,1fr);gap:14px}.build-pills{flex-flow:wrap;justify-content:center}.build-footer{border:0;flex-direction:row;justify-content:space-between;align-items:center;min-height:42px;padding-top:0}}@media (width<=760px){.build-pills{grid-template-columns:1fr 1fr;display:grid}.build-pills button{min-height:42px;padding:9px 8px}.build-footer{text-align:center;flex-direction:column;align-items:center;min-height:82px}.build-frame{border-radius:10px}.build-interactive{gap:12px}}.canvas .explorer{background:#e5e5e5;border-radius:28px;padding:28px}.phase-switch{isolation:isolate;border-color:#d1d1d1;width:100%;max-width:none;margin-bottom:24px;position:relative}.phase-switch:before{content:"";z-index:-1;width:calc(33.3333% - 7.33333px);transform:translateX(calc(var(--phase,0) * (100% + 5px)));background:#0b0b0b;border-radius:999px;transition:transform .38s cubic-bezier(.22,1,.36,1);position:absolute;top:6px;bottom:6px;left:6px}.phase-switch button[aria-selected=true]{background:0 0}.phase-switch button{min-height:54px}.phase-intro{align-items:center;padding-bottom:22px}.phase-intro>span:first-child{letter-spacing:-.025em;font-size:16px}.workspace{grid-template-columns:minmax(180px,.23fr) minmax(0,1fr);gap:18px}.step-nav{gap:12px}.step-nav button{border-radius:18px;gap:12px;padding:24px;transition:background .28s,color .28s,border-color .28s}.step-name{font-size:21px}.step-nav button:after{content:"";opacity:0;transform-origin:0;background:currentColor;width:22px;height:2px;transition:opacity .25s,transform .25s;position:absolute;bottom:24px;left:24px;transform:scaleX(.4)}.step-nav button[aria-selected=true]:after{opacity:1;transform:scaleX(1)}.stage-wrap{border-radius:20px}.board-heading{align-items:center;padding:19px 26px}.board-heading>span:last-child{font-size:11px}.board{height:390px;padding:26px}.board>div{animation:none}.canvas .explanation{grid-template-columns:1fr;min-height:0;padding:28px 30px;display:grid}.copy-pane{grid-area:1/1;grid-template-columns:.9fr 1.1fr;align-items:center;gap:30px;display:grid}.copy-pane[aria-hidden=true]{visibility:hidden;pointer-events:none}.explanation>.copy-pane{margin:0}.kapsu-brief .intent .brief-title{font-size:clamp(27px,2.5vw,38px)}@media (width>=761px) and (width<=1150px){.kapsu-brief{gap:12px}.kapsu-brief .intent{gap:12px;padding:16px}.kapsu-brief .intent .brief-title{font-size:27px}.kapsu-brief .intent p{font-size:12px}.kapsu-brief .brief-notes>div{padding:12px}.kapsu-brief .brief-notes strong{font-size:14px}.kapsu-brief .brief-notes p{font-size:11px}}.copy-pane h3{max-width:17ch;font-size:clamp(27px,2.2vw,36px);line-height:1.16}.copy-pane p{line-height:1.65}.copy-pane .outcome{margin-top:18px;padding-top:16px}.progress{padding-top:22px}.next{color:#fff;background:#0b0b0b;border-color:#0b0b0b;justify-content:space-between;min-width:148px;padding:12px 18px;transition:background-color .22s,transform .22s,box-shadow .22s}.next:hover{background:#262626}@media (hover:hover){.next:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001f}}.next:focus-visible{transform:translateY(-2px);box-shadow:0 4px 10px #0000001f}.progress-track{background:#c6c6c6}.delivery{padding-inline:2px}@media (width>=1700px){.board{height:460px}}@media (width<=1150px){.canvas .explorer{padding:22px}.workspace{grid-template-columns:165px minmax(0,1fr);gap:14px}.step-nav button{padding:20px}.step-name{font-size:19px}.step-nav button:after{bottom:20px;left:20px}.copy-pane{grid-template-columns:1fr;gap:18px}.copy-pane h3{max-width:none;font-size:30px!important}.canvas .explanation{padding:24px}.canvas .board{height:380px}}@media (width<=760px){.canvas .explorer{border-radius:22px;padding:14px}.phase-switch{gap:2px;margin-bottom:18px;padding:4px}.phase-switch:before{width:calc(33.3333% - 4px);transform:translateX(calc(var(--phase,0) * (100% + 2px)));top:4px;bottom:4px;left:4px}.phase-switch button{min-height:48px;padding:12px 2px;font-size:10px}.phase-intro{padding:0 3px 16px}.phase-intro>span:first-child{font-size:13px}.phase-count{font-size:11px}.step-nav{gap:6px}.step-nav button{border-radius:12px;justify-content:center;min-height:68px;padding:14px 5px 18px}.step-name{font-size:12px}.step-nav button:after{width:18px;bottom:10px;left:calc(50% - 9px)}.stage-wrap{border-radius:16px}.board-heading{padding:14px;font-size:10px}.board-heading>span:last-child{font-size:9px}.canvas .board{height:425px;padding:14px}.canvas .explanation{padding:22px 18px;display:grid}.copy-pane{gap:18px}.copy-pane>div+div{margin:0}.copy-pane h3{font-size:27px!important}.copy-pane p{font-size:14px}.copy-pane .outcome{margin-top:16px;padding-top:14px}.progress{gap:10px;padding:16px 2px 2px}.progress-text{line-height:1.5}.next{min-width:116px;padding:10px 12px;font-size:10px}}@media (width<=370px){.phase-switch button{font-size:9px}.phase-intro>span:first-child{font-size:12px}.phase-count{font-size:10px}.step-name{font-size:11px}.copy-pane h3{font-size:25px!important}.canvas .board{padding:12px}}@media (width>=761px) and (width<=900px){.canvas .board{height:460px}}.board{grid-template-rows:minmax(0,1fr)}.kapsu-treatment{grid-template-rows:minmax(0,1fr);grid-template-columns:1.05fr 1fr;gap:16px}.tub-study{background:#fafafa;border:1px solid #d5d5d5;border-radius:14px;flex-direction:column;min-width:0;min-height:0;padding:16px;display:flex}.tub-study svg{flex:1;width:100%;height:auto;min-height:0}.tub-study>p{color:#626262;font-size:10px}.kapsu-treatment .material-notes{grid-template-rows:1.1fr .9fr 1.1fr;gap:10px}.palette-card,.kapsu-treatment .treatment-note{background:#fafafa;border:1px solid #d5d5d5;border-radius:14px;padding:12px 16px}.kapsu-swatches{gap:10px;margin-top:8px;display:flex}.kapsu-swatches>div{flex:1;min-width:0}.kapsu-swatches i{background:var(--swatch);border:1px solid #00000012;border-radius:6px;height:26px;margin-bottom:5px;display:block}.kapsu-swatches strong,.kapsu-swatches small{font-size:10px;line-height:1.5;display:block}.kapsu-swatches small{color:#626262;font-size:9px}.kapsu-treatment .surface-study{gap:12px;padding:12px 16px}.gel-study{background:radial-gradient(at 30% 25%,#fff,#d7f4f7 30%,#78c7d5 65%,#23798b);border:1px solid #84c8d5;border-radius:45% 55% 60% 40%;flex:none;width:42px;height:52px;transform:rotate(15deg)}.kapsu-treatment .surface-study strong,.kapsu-treatment .treatment-note strong{margin-top:4px;font-size:15px;line-height:1.3}.kapsu-treatment .surface-study p,.kapsu-treatment .treatment-note p{color:#626262;margin-top:5px;font-size:11px;line-height:1.45}@media (width>=761px) and (width<=1150px){.kapsu-treatment{grid-template-columns:1fr 1.1fr;gap:10px}.tub-study,.palette-card,.kapsu-treatment .surface-study,.kapsu-treatment .treatment-note{padding:10px}.kapsu-treatment .surface-study{gap:8px}.gel-study{width:26px;height:36px}.kapsu-treatment .surface-study strong,.kapsu-treatment .treatment-note strong{font-size:13px}.kapsu-swatches{gap:5px}.kapsu-swatches strong{font-size:9px}.kapsu-swatches small{font-size:8px}}@media (width<=760px){.kapsu-treatment{grid-template-rows:190px 1fr;grid-template-columns:1fr;gap:10px}.tub-study{padding:10px;position:relative}.tub-study svg{width:100%;height:150px}.tub-study>p{font-size:8px;position:absolute;bottom:8px;right:10px}.kapsu-treatment .material-notes{grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;gap:8px}.palette-card{grid-column:1/-1;padding:8px 10px}.kapsu-swatches{gap:8px;margin-top:5px}.kapsu-swatches>div{grid-template-columns:20px 1fr;column-gap:5px;display:grid}.kapsu-swatches i{grid-row:1/3;height:28px;margin:0}.kapsu-swatches strong{font-size:9px}.kapsu-swatches small{font-size:8px}.kapsu-treatment .surface-study,.kapsu-treatment .treatment-note{gap:0;padding:10px}.gel-study{display:none}.kapsu-treatment .surface-study strong,.kapsu-treatment .treatment-note strong{font-size:12px}.kapsu-treatment .surface-study p,.kapsu-treatment .treatment-note p{font-size:10px;line-height:1.4}.kapsu-treatment .micro{font-size:8px}.canvas .board{height:465px}}@media (width<=370px){.canvas .board{height:510px}}.kapsu-treatment .micro{letter-spacing:.07em;font-weight:700}.kapsu-treatment .surface-study strong{letter-spacing:-.025em;font-weight:700}.kapsu-treatment .surface-study p{color:#454545}.treatment-directions{grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 0;display:grid}.treatment-directions>div+div{border-left:1px solid #ddd;padding-left:12px}.treatment-directions dt{letter-spacing:-.02em;font-size:13px;font-weight:700;line-height:1.3}.treatment-directions dd{color:#454545;margin:5px 0 0;font-size:12px;line-height:1.45}.kapsu-treatment .gel-study{background:radial-gradient(at 30% 25%,#9ed5e1,#409eb9 55%,#08779b);border-color:#318ca8}@media (width>=761px) and (width<=1150px){.treatment-directions{gap:8px}.treatment-directions>div+div{padding-left:8px}.treatment-directions dt{font-size:11px}.treatment-directions dd{font-size:10px}}@media (width<=760px){.treatment-directions{grid-template-columns:1fr;gap:8px;margin-top:8px}.treatment-directions>div+div{border-top:1px solid #ddd;border-left:0;padding:8px 0 0}.treatment-directions dt{font-size:11px}.treatment-directions dd{margin-top:3px;font-size:10px}}.canvas .stage-wrap{font-weight:400}.canvas .board :is(h3,h4,strong,b,dt),.canvas .board .micro,.canvas .board :is(.set-tags span,.light-source,.bounce,.capture-label,.capture-strips span,.before-label,.after-label,.format-label),.canvas .board :is(button,.layer-controls label,.range-label),.canvas .board-heading,.canvas .copy-pane :is(h3,.eyebrow,b){font-weight:700}.canvas .board :is(p,dd,small),.canvas .copy-pane p{font-weight:400}.canvas .board svg text{font-weight:700}.canvas .board .micro{letter-spacing:.065em;color:#454545}.canvas .board .intent .micro{color:#dedede}.canvas .board :is(.brief-notes strong,.shot-card strong,.surface-study strong){letter-spacing:-.025em;line-height:1.35}.canvas .board :is(.brief-notes p,.shot-card p,.capture-strips p,.layer-controls p),.canvas .copy-pane .outcome{color:#454545}.canvas .board .intent p{color:#e2e2e2}.canvas .board .product :is(b,small){font-weight:400}.kapsu-plan{grid-template-rows:minmax(0,1fr);gap:12px}.kapsu-plan .shot-card{grid-template-rows:minmax(0,1fr) 132px}.plan-preview{background:#f0eeea;flex-direction:column;min-height:0;padding:12px 12px 0;display:flex;overflow:hidden}.plan-preview>.micro{font-size:9px}.plan-preview svg{flex:1;width:100%;height:100%;min-height:0;display:block}.kapsu-plan .plan-copy{border-top:1px solid #ddd;padding:16px!important}.kapsu-plan .plan-copy strong{font-size:18px}.kapsu-plan .plan-copy p{margin-top:8px;font-size:12px;line-height:1.5}@media (width>=761px) and (width<=1150px){.kapsu-plan{gap:8px}.kapsu-plan .shot-card{grid-template-rows:minmax(0,1fr) 150px}.plan-preview{padding:8px 8px 0}.plan-preview>.micro{font-size:8px}.kapsu-plan .plan-copy{padding:12px!important}.kapsu-plan .plan-copy strong{font-size:14px}.kapsu-plan .plan-copy p{font-size:11px}.kapsu-plan .plan-copy .micro{font-size:9px}}@media (width<=760px){.kapsu-plan{grid-template-rows:repeat(3,minmax(0,1fr));gap:10px}.kapsu-plan .shot-card{grid-template-rows:1fr;grid-template-columns:100px minmax(0,1fr)}.plan-preview{padding:6px}.plan-preview>.micro{display:none}.kapsu-plan .plan-copy{border-top:0;border-left:1px solid #ddd;padding:12px!important}.kapsu-plan .plan-copy strong{font-size:14px}.kapsu-plan .plan-copy p{margin-top:6px;font-size:11px;line-height:1.45}}@media (width<=370px){.kapsu-plan .shot-card{grid-template-columns:74px minmax(0,1fr)}.kapsu-plan .plan-copy{padding:10px!important}.kapsu-plan .plan-copy strong{font-size:13px}}@media (width>=1001px){.canvas .board[data-scene]{height:580px;min-height:580px;padding:26px}.canvas .board-heading{height:58px;min-height:58px;padding:16px 26px}.canvas .stage-wrap{min-width:0}.canvas .step-nav{grid-template-rows:repeat(3,minmax(0,1fr))}.canvas .progress-text{flex:0 0 240px}.canvas .next{width:170px;min-width:170px}}.canvas .board .kapsu-brief .intent{color:#092d3b;background:linear-gradient(145deg,#bdeaf2 0%,#61c5df 72%,#f5bfe3 100%);border:1px solid #70b9ca}.canvas .board .kapsu-brief .intent .micro,.canvas .board .kapsu-brief .intent p{color:#163f4d}.kapsu-brief .intent-line{background:#163f4d40}.cue-label,.treatment-directions dt{align-items:center;gap:7px;display:flex}.canvas .board .cue-icon{flex:none;width:16px;height:16px}@media (width>=761px){.kapsu-swatches i{height:64px;margin-bottom:8px}.kapsu-swatches strong{font-size:11px}.kapsu-swatches small{font-size:10px}}@media (width<=760px){.canvas .board .cue-icon{width:13px;height:13px}.cue-label,.treatment-directions dt{gap:5px}.kapsu-swatches>div{grid-template-columns:26px 1fr}.kapsu-swatches i{height:36px}}.canvas .board .process-lucide{vertical-align:middle;flex:none;width:16px;height:16px}.adapt-detail-heading button,.adapt-gallery>button>span{justify-content:center;align-items:center;gap:6px;display:inline-flex}.canvas .board .adapt-gallery .process-lucide{width:12px;height:12px}.canvas .board .refine-divider .process-lucide{width:22px;height:22px}@media (width<=760px){.canvas .board[data-scene=capture]{height:auto;min-height:0;padding:18px 14px}.capture-session{grid-template-rows:auto auto auto auto auto;grid-template-columns:minmax(0,1fr);gap:14px;height:auto}.capture-console{display:contents}.capture-status{text-align:center;grid-area:1/1}.capture-contact{grid-area:2/1}.capture-image-wrap{grid-area:3/1;container-type:normal}.capture-focus,.capture-gallery{width:100%}.capture-guidance{text-align:center;grid-area:4/1;justify-self:center;max-width:32ch}.capture-shutter{grid-area:5/1;justify-self:center;min-width:180px;max-width:100%;min-height:46px;margin-top:2px;padding:12px 20px;font-size:12px}.capture-session.is-complete .capture-contact .capture-child{transform:none}.canvas .copy-pane[aria-hidden=true]{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}:is(.phase-switch button,.step-nav button,.build-pills button,.light-tools button,.capture-shutter,.capture-contact button,.refine-controls button,.adapt-controls button):focus-visible{outline-color:#111}}#creative-process{background:var(--ss-softwhite,#fafafa);color:#0b0b0b}}@scope(.creative-page){.creative-loop-gallery{background:var(--ss-stone);padding-block:64px 72px;overflow:hidden}.creative-loop-gallery__heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.creative-loop-gallery h2{font-size:var(--ss-display-2);letter-spacing:-.055em;margin:20px 0 0;font-weight:700;line-height:1.07}.creative-loop-gallery__arrows{flex:none;gap:10px;display:flex}.creative-loop-gallery__arrows button{color:#111;cursor:pointer;background:0 0;border:1px solid #111;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;transition:background .18s,color .18s;display:grid}.creative-loop-gallery__arrows button:hover{color:#fff;background:#111}.creative-loop-gallery__arrows svg{width:20px;height:20px}.creative-loop-gallery__viewport{scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y;overscroll-behavior-x:contain;outline-offset:5px;overflow:auto hidden}.creative-loop-gallery__viewport::-webkit-scrollbar{display:none}.creative-loop-gallery__viewport.is-dragging{cursor:grabbing}.creative-loop-gallery__track{width:max-content;display:flex}.creative-loop-gallery__set{flex:none;gap:12px;padding-right:12px;display:flex}.creative-loop-gallery figure{aspect-ratio:4/5;user-select:none;background:#ddd;border-radius:20px;flex:none;height:clamp(240px,25vw,420px);margin:0;overflow:hidden}.creative-loop-gallery figure.is-wide{aspect-ratio:16/9}.creative-loop-gallery img{object-fit:cover;user-select:none;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block}.creative-loop-gallery__hint{color:var(--ss-muted-copy);margin:18px 0 0;font-size:12px}.creative-loop-gallery button:focus-visible,.creative-loop-gallery__viewport:focus-visible{outline-offset:4px;outline:2px solid #111}@media (width<=760px){.creative-loop-gallery{padding-block:40px 48px}.creative-loop-gallery h2{font-size:36px}.creative-loop-gallery__heading{gap:16px;margin-bottom:24px}.creative-loop-gallery__arrows{gap:6px}.creative-loop-gallery__arrows button{width:42px;height:42px}.creative-loop-gallery figure{border-radius:14px;height:clamp(150px,46vw,240px)}.creative-loop-gallery__set{gap:8px;padding-right:8px}}@media (prefers-reduced-motion:reduce){.creative-loop-gallery__arrows button{transition:none}}@media (width<=360px){.creative-loop-gallery__heading{flex-direction:column;align-items:flex-start}}}@scope(.creative-page){#creative-client-proof{font-family:var(--ss-font,Arial,sans-serif);color:var(--ss-charcoal);background:var(--ss-soft-white);scroll-margin-top:24px}@scope(#creative-client-proof){*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--ss-font,Arial,sans-serif);color:var(--ss-charcoal);background:var(--ss-soft-white);margin:0}h1,h2,h3,p,figure,blockquote{margin:0}button,a,summary{font:inherit;color:inherit}button,summary{cursor:pointer;touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-offset:5px;outline:2px solid}svg{flex:none;width:20px;height:20px}.review{background:#fff;border-bottom:1px solid #ddd;justify-content:space-between;gap:24px;padding:24px 6vw;font-size:12px;display:flex}.review a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.review>div{flex-wrap:wrap;gap:24px;display:flex}.study-intro{max-width:1100px;padding:56px 6vw}.eyebrow{letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}h1,h2,h3{letter-spacing:-.055em;font-weight:700;line-height:1.06}h1{margin:20px 0;font-size:clamp(36px,4vw,60px)}.study-intro>p:last-child{color:#626262;max-width:65ch;font-size:16px;line-height:1.7}.study{padding:40px 6vw 64px;scroll-margin-top:20px}.disclosures{background:var(--ss-stone)}.study-note{border-bottom:1px solid #ccc;justify-content:space-between;gap:24px;margin-bottom:36px;padding-bottom:24px;font-size:12px;line-height:1.6;display:flex}.study-note strong{font-size:13px}.study-note p{color:#626262;max-width:54ch}.heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:30px;display:flex}h2{margin-top:18px;font-size:clamp(36px,4vw,60px)}.heading>p{color:#626262;font-size:15px;line-height:1.7}.proof-shell{min-width:0}.proof-tabs{scrollbar-width:thin;scrollbar-color:#bbb transparent;cursor:grab;touch-action:pan-x pan-y;background:#eee;border-radius:24px 24px 0 0;gap:12px;padding:18px;display:flex;overflow-x:auto}.proof-tabs button{background:var(--ss-soft-white);user-select:none;border:1px solid #ddd;border-radius:16px;flex:0 0 240px;place-items:center;min-height:104px;padding:20px;transition:background .2s,border-color .2s;display:grid}.proof-tabs button[aria-selected=true]{background:var(--ss-stone);border-color:#111}.proof-tabs button:focus-visible{outline-offset:-5px}.client-logo{object-fit:contain;filter:grayscale();pointer-events:none;-webkit-user-drag:none;width:145px;height:54px;display:block}.client-logo[src*=soul\%20fruit],.client-logo[src*=nutriburst]{filter:brightness(0)}.proof-tabs.is-dragging{cursor:grabbing}.proof-panel{background:#fff;border:1px solid #d5d5d5;border-top:0;border-radius:0 0 24px 24px;align-items:center;gap:32px;min-width:0;padding:24px;display:grid}.proof-photo{aspect-ratio:4/5;background:#eee;border-radius:18px;width:100%;overflow:hidden}.proof-photo img{object-fit:cover;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.project-copy{justify-self:center;width:100%;min-width:0;max-width:560px}.project-identity{justify-content:space-between;align-items:center;gap:24px;display:flex}.project-identity h3{margin-top:14px;font-size:clamp(30px,3.2vw,46px)}.project-identity .client-logo{width:110px;height:48px}.project-introduction{color:#505050;max-width:38ch;margin-top:24px;font-size:clamp(17px,1.7vw,21px);line-height:1.65}.project-services{flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.project-services li{background:#fafafa;border:1px solid #d5d5d5;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:700}.project-perspective{border-top:1px solid #ddd;margin-top:28px;padding-top:4px}summary{justify-content:space-between;align-items:center;gap:18px;min-height:60px;font-size:14px;font-weight:700;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary svg{transition:transform .25s}details[open]>summary svg{transform:rotate(180deg)}.quote{color:#505050;padding:4px 0 20px;font-size:15px;line-height:1.7}.quote cite{margin-top:16px;font-size:12px;font-style:normal;display:block}.hint{color:#626262;margin-top:18px;font-size:12px}.spotlight .proof-panel{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}.spotlight .proof-photo{justify-self:center;max-width:410px}.disclosures .proof-tabs{background:0 0;border-radius:0;padding:0 0 18px}.disclosures .proof-panel{background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:stretch;gap:24px;padding:0}.disclosures .proof-photo{aspect-ratio:auto;background:#fff;border:0;border-radius:24px;place-self:start center;max-width:440px;padding:14px}.disclosures .proof-photo img{aspect-ratio:4/5;border-radius:12px;height:auto}.disclosures .project-copy{flex-direction:column;justify-content:center;gap:14px;max-width:none;display:flex}.disclosures .project-identity{background:#fff;border:1px solid #d5d5d5;border-radius:22px;padding:26px 28px}.disclosures .project-identity h3{margin-top:12px;font-size:36px}.detail-card{background:#fff;border:1px solid #d5d5d5;border-radius:20px;padding:0 26px}.detail-card>summary{letter-spacing:-.03em;min-height:76px;font-size:20px}.detail-card .project-introduction{margin:0;padding-bottom:24px;font-size:17px}.detail-card .quote{padding-bottom:24px}.disclosures .project-services{margin:0;padding:6px 0}.snapshot .proof-panel{grid-template-columns:minmax(0,.58fr) minmax(0,1fr);gap:24px 32px}.snapshot .project-identity{border-bottom:1px solid #ddd;grid-column:1/-1;padding-bottom:24px}.snapshot .project-identity h3{margin-top:10px;font-size:36px}.snapshot .project-identity .client-logo{width:145px;height:54px}.snapshot .proof-photo{justify-self:center;max-width:300px}.snapshot .project-copy{justify-self:start;max-width:620px}.snapshot .project-introduction{margin-top:14px}.snapshot .project-perspective{margin-top:24px}@media (hover:hover){.proof-tabs button:not([aria-selected=true]):hover{background:#fff;border-color:#aaa}summary:hover{color:#555}}@media (width<=1000px){.proof-tabs button{flex-basis:220px}.proof-panel{gap:24px;padding:20px}.project-identity{gap:16px}.project-identity .client-logo{width:85px;height:40px}.project-introduction{font-size:17px}.project-services li{padding:9px 11px;font-size:11px}.disclosures .project-identity{padding:22px}.detail-card{padding-inline:22px}.detail-card>summary{font-size:18px}.snapshot .proof-panel{grid-template-columns:minmax(0,.7fr) minmax(0,1fr)}}@media (width<=700px){.review{flex-direction:column;align-items:start;gap:4px;padding-block:12px}.review>div{gap:8px 20px}.study-intro{padding-block:36px}.study{padding-block:32px 44px}.study-note{margin-bottom:28px;padding-bottom:20px;display:block}.study-note p{margin-top:8px}.heading{display:block}.heading>p{margin-top:20px}h2{font-size:38px}.proof-tabs{gap:10px;padding:12px}.proof-tabs button{flex-basis:190px;min-height:92px;padding:16px}.proof-tabs .client-logo{width:125px;height:48px}.proof-panel,.spotlight .proof-panel,.disclosures .proof-panel,.snapshot .proof-panel{grid-template-columns:minmax(0,1fr);gap:24px;padding:16px}.proof-photo,.spotlight .proof-photo,.disclosures .proof-photo,.snapshot .proof-photo{max-width:100%}.project-copy{max-width:none}.project-identity h3{font-size:32px}.project-introduction{font-size:17px}.project-services{margin-top:20px}.project-perspective{margin-top:24px}.disclosures .proof-panel{gap:18px;padding:0}.disclosures .proof-photo{border-width:12px}.disclosures .project-copy{gap:12px}.disclosures .project-identity{padding:22px}.snapshot .project-identity{grid-column:auto;padding-bottom:20px}.snapshot .project-identity .client-logo{width:100px;height:44px}.snapshot .project-identity h3{font-size:32px}.snapshot .project-introduction{margin-top:14px}.snapshot .proof-photo{max-width:360px}.snapshot .project-copy{justify-self:stretch}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.study{background:var(--ss-soft-white);padding-top:64px}.proof-shell{background:var(--ss-stone);border-radius:24px;padding:24px}.proof-tabs:empty{display:none}.disclosures .proof-photo{padding:14px}@media (width<=700px){.study{padding-top:40px}.proof-shell{border-radius:22px;padding:14px}.disclosures .proof-photo{padding:12px}}.proof-tabs .client-logo[src*=healthy-yeti]{transform:scale(.98)}.proof-tabs .client-logo[src*=nutriburst],.proof-tabs .client-logo[src*=soul\%20fruit],.proof-tabs .client-logo[src*=RamenBomb]{transform:scale(1.02)}.proof-tabs .client-logo[src*=doubleoak]{object-fit:cover;width:190px;max-width:100%;height:54px}.project-identity .client-logo[src*=doubleoak]{object-fit:cover;flex-shrink:0;width:160px;height:48px}@media (width<=1000px){.project-identity .client-logo[src*=doubleoak]{width:125px;height:40px}}@media (width<=700px){.proof-tabs .client-logo[src*=doubleoak]{width:158px;height:48px}.project-identity .client-logo[src*=doubleoak]{width:120px;height:40px}.project-identity:has(.client-logo[src*=doubleoak]) h3{min-width:0}}}}@scope(.creative-page){#creative-faqs{font-family:var(--ss-font,Arial,sans-serif);color:#111;background:var(--ss-stone);scroll-margin-top:24px}@scope(#creative-faqs){.topic-label-short{display:none}@media (width<=700px){.topic-tabs .topic-label-full{display:none}.topic-tabs .topic-label-short{display:inline}.topic-tabs button{gap:4px;padding-inline:4px}}*{box-sizing:border-box}h2,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}svg{flex:none}button:focus-visible,[tabindex]:focus-visible{outline-offset:5px;outline:2px solid}.study{padding:64px 6vw}.heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px;display:flex}.eyebrow{letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px;font-size:11px;font-weight:700}h2{letter-spacing:-.055em;font-size:clamp(36px,4vw,60px);font-weight:700;line-height:1.05}.heading>p{color:#626262;max-width:36ch;font-size:15px;line-height:1.65}@media (width<=600px){.study{padding:40px 6vw}.heading{display:block}.heading>p{margin-top:20px}.eyebrow{font-size:10px}h2{font-size:38px}}.faq-study{color:#111}.open-cards{background:#e5e5e5}.faq-columns{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.faq-column{gap:16px;display:grid}.faq-item{background:#fff;border:1px solid #d5d5d5;border-radius:20px;padding:0 26px}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;min-height:98px;padding:24px 0;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-question{letter-spacing:-.025em;max-width:34ch;font-size:18px;font-weight:700;line-height:1.35}.faq-toggle{color:#111;background:#eee;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;transition:background .2s,color .2s;display:grid}.faq-toggle svg{width:17px;height:17px}.faq-toggle .vertical{transform-origin:50%;transition:transform .2s,opacity .2s}.faq-item[open] .vertical{opacity:0;transform:rotate(90deg)}.faq-item[open] .faq-toggle{color:#fff;background:#111}.faq-answer{color:#505050;padding:0 40px 26px 0;font-size:15px;line-height:1.75}.faq-item summary:focus-visible{outline-offset:4px;border-radius:5px;outline:2px solid #111}.topic-layout{background:#fff;border:1px solid #d5d5d5;border-radius:24px;padding:24px}.topic-tabs{background:#eee;border-radius:999px;gap:8px;width:max-content;max-width:100%;margin-bottom:24px;padding:6px;display:flex}.topic-tabs button{background:0 0;border:0;border-radius:999px;min-height:48px;padding:14px 24px;font-size:14px;font-weight:700;transition:background .2s,color .2s}.topic-tabs button[aria-selected=true]{color:#fff;background:#111}.topic-tabs button svg{width:18px;height:18px}.topic-tabs button{align-items:center;gap:8px;display:flex}.topic-panel{align-content:start;gap:12px;min-height:250px;display:grid}.topic-panel .faq-item{background:#fafafa}.answer-study{background:#e5e5e5}.answer-workspace{grid-template-columns:1fr 1.2fr;align-items:stretch;gap:20px;display:grid}.question-tabs{flex-direction:column;gap:8px;display:flex}.question-tabs button{text-align:left;background:#fafafa;border:1px solid #ccc;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:20px 24px;font-size:15px;font-weight:700;line-height:1.4;transition:background .2s,color .2s;display:flex}.question-tabs button svg{width:18px;height:18px}.question-tabs button[aria-selected=true]{color:#fff;background:#111;border-color:#111}.answer-panel{background:#fff;border:1px solid #d5d5d5;border-radius:22px;flex-direction:column;justify-content:space-between;gap:32px;min-width:0;padding:36px;display:flex}.answer-panel>div{margin:auto 0}.answer-panel h3{max-width:22ch;font-size:clamp(26px,2.6vw,38px);line-height:1.15}.answer-body{color:#505050;max-width:46ch;margin-top:24px;font-size:16px;line-height:1.75}.answer-panel footer{border-top:1px solid #ddd;justify-content:space-between;align-items:center;gap:18px;padding-top:22px;display:flex}.answer-panel footer>span{color:#626262;font-size:12px}.answer-panel footer button{color:#fff;background:#111;border:1px solid #111;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:12px 18px;font-size:12px;font-weight:700;display:flex}.answer-panel footer button svg{width:16px;height:16px}@media (hover:hover){.faq-item summary:hover .faq-toggle{color:#111;background:#ddd}.question-tabs button:not([aria-selected=true]):hover{background:#fff}}@media (width<=900px){.faq-question{font-size:16px}.faq-item{padding-inline:20px}.faq-answer{padding-right:0;font-size:14px}.answer-workspace{grid-template-columns:1fr 1fr}.answer-panel{padding:24px}.question-tabs button{padding:18px;font-size:14px}}@media (width<=700px){.faq-columns{grid-template-columns:1fr;gap:12px}.faq-column{gap:12px}.faq-item{border-radius:16px;padding-inline:18px}.faq-item summary{gap:16px;min-height:88px;padding-block:20px}.faq-answer{padding-bottom:22px}.topic-layout{border-radius:20px;padding:14px}.topic-tabs{border-radius:16px;gap:3px;width:100%;padding:4px}.topic-tabs button{border-radius:12px;flex:1;justify-content:center;gap:5px;padding:12px 6px;font-size:11px}.topic-tabs button svg{width:15px;height:15px}.topic-panel{min-height:0}.answer-workspace{grid-template-columns:1fr;gap:14px}.question-tabs{scrollbar-width:thin;scroll-snap-type:x proximity;flex-direction:row;padding-bottom:8px;display:flex;overflow-x:auto}.question-tabs button{scroll-snap-align:start;flex:0 0 76%;min-height:80px;padding:18px}.answer-panel{min-height:340px;padding:24px}.answer-panel h3{font-size:28px}.answer-body{margin-top:18px;font-size:14px}.answer-panel footer{padding-top:18px}.answer-panel .eyebrow{margin-bottom:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.topic-study{background:var(--ss-stone)}.topic-tabs button:focus-visible{outline-color:#111}}}@scope(.creative-page){@media (width<=1100px){:is(#services-faq,#creative-faqs,#ecommerce-faqs) :is(.faq-topics,.topic-tabs){flex-wrap:nowrap;max-width:100%;display:flex}:is(#services-faq,#creative-faqs,#ecommerce-faqs) :is(.faq-topics,.topic-tabs) button{white-space:nowrap;flex-direction:row;flex:auto;justify-content:center;align-items:center}}@media (width<=900px){:is(#services-faq,#creative-faqs,#ecommerce-faqs) .topic-label-full{display:none}:is(#services-faq,#creative-faqs,#ecommerce-faqs) .topic-label-short{display:inline}:is(#services-faq,#creative-faqs,#ecommerce-faqs) :is(.faq-topics,.topic-tabs) button{gap:4px;padding-inline:4px}}@media (width>=701px) and (width<=1100px) and (orientation:portrait){:is(#services-faq,#creative-faqs,#ecommerce-faqs) :is(.faq-topics,.topic-tabs){gap:8px;width:100%}:is(#services-faq,#creative-faqs,#ecommerce-faqs) :is(.faq-topics,.topic-tabs) button{flex:1 1 0;gap:8px;min-width:0;padding-inline:12px}}@media (width<=360px){:is(#services-faq,#creative-faqs,#ecommerce-faqs) :is(.faq-topics,.topic-tabs){gap:2px;padding:3px}:is(#services-faq,#creative-faqs,#ecommerce-faqs) :is(.faq-topics,.topic-tabs) button{gap:2px;padding-inline:1px}:is(#services-faq,#creative-faqs,#ecommerce-faqs) :is(.faq-topics,.topic-tabs) button svg{width:14px;height:14px}}}@scope(.creative-page){#creative-start,#creative-start *{box-sizing:border-box}#creative-start{background:var(--ss-soft-white);color:var(--ss-charcoal);grid-template-rows:1fr auto;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px 6vw;padding:clamp(42px,5.5vw,80px) 6vw;scroll-margin-top:20px;display:grid;overflow:hidden}#creative-start .invitation{grid-area:1/1;align-self:end}#creative-start .eyebrow{letter-spacing:.1em;text-transform:uppercase;margin:0 0 24px;font-size:11px;font-weight:700}#creative-start h2{letter-spacing:-.055em;margin:0;font-size:clamp(40px,4.6vw,68px);font-weight:700;line-height:1.02}#creative-start .lead{max-width:43ch;color:var(--ss-muted-copy);margin:28px 0 0;font-size:17px;line-height:1.7}#creative-start a{color:inherit;text-decoration:none}#creative-start .next-frame-cta{border:1px solid var(--ss-charcoal);background:var(--ss-charcoal);color:var(--ss-white);border-radius:100px;grid-area:2/1;justify-content:center;place-self:start;align-items:center;min-height:64px;padding:20px 34px;font-size:16px;font-weight:700;transition:transform .25s,box-shadow .25s;display:inline-flex}#creative-start .next-frame-cta:focus-visible{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}@media (hover:hover){#creative-start .next-frame-cta:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}}#creative-start a:focus-visible{outline-offset:5px;outline:2px solid}#creative-start .next-frame-cta:focus-visible{outline-color:var(--ss-charcoal)}#creative-start .frame-composition{isolation:isolate;grid-area:1/2/3;align-self:center;width:100%;min-width:0;max-width:560px;padding-inline:12px;display:block;position:relative}#creative-start .frame-reveal{isolation:isolate;height:340px;position:relative}#creative-start .frame{aspect-ratio:4/5;border-radius:10px;width:47%;margin:0;transition:transform .55s cubic-bezier(.2,.8,.2,1);position:absolute;overflow:hidden;box-shadow:0 12px 24px #0000001f}#creative-start .frame img{object-fit:cover;width:100%;height:100%;display:block}#creative-start .frame-one{z-index:2;top:12px;left:8%;transform:rotate(-8deg)}#creative-start .frame-two{z-index:2;top:12px;right:8%;transform:rotate(8deg)}#creative-start .next-slot{background:var(--ss-white);opacity:0;visibility:hidden;z-index:1;border:1px solid var(--ss-charcoal);flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:24px;transition:opacity .35s,transform .45s,visibility .35s;display:flex;top:12px;left:23%;transform:scale(.93)}#creative-start .next-slot svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:44px;height:44px}#creative-start .next-slot span{letter-spacing:-.04em;text-align:center;font-size:clamp(22px,2.3vw,32px);font-weight:700;line-height:1.05}#creative-start .frame-composition>p{text-align:center;color:var(--ss-muted-copy);margin:16px 0 0;font-size:12px}#creative-start .frame-composition:focus-visible{outline:2px solid var(--ss-charcoal);outline-offset:12px;border-radius:12px}#creative-start .frame-reveal.is-open .frame-one{transform:translate(-24%)rotate(-14deg)scale(.82)}#creative-start .frame-reveal.is-open .frame-two{transform:translate(24%)rotate(14deg)scale(.82)}#creative-start .frame-reveal.is-open .next-slot{opacity:1;visibility:visible;z-index:3;transform:scale(1)}@media (width<=1000px) and (width>=651px){#creative-start .frame-reveal{height:300px}#creative-start .next-slot{gap:14px;padding:18px}}@media (width<=650px){#creative-start{grid-template-rows:auto auto auto;grid-template-columns:1fr;row-gap:24px;padding:38px 6vw 44px}#creative-start h2{font-size:clamp(39px,10vw,54px)}#creative-start .lead{margin-top:22px;font-size:16px}#creative-start .eyebrow{margin-bottom:20px}#creative-start .invitation{grid-area:1/1}#creative-start .frame-composition{grid-area:2/1;max-width:390px;margin:auto}#creative-start .frame-reveal{height:clamp(245px,73vw,300px)}#creative-start .frame-one,#creative-start .frame-two,#creative-start .next-slot{top:16px}#creative-start .next-slot{gap:20px;padding:18px}#creative-start .next-slot span{font-size:clamp(22px,6vw,28px)}#creative-start .next-frame-cta{grid-area:3/1;justify-self:stretch;width:100%;min-height:62px;padding:19px 24px}}@media (width<=360px){#creative-start .next-slot{gap:12px;padding:12px}#creative-start .next-slot svg{width:34px;height:34px}#creative-start .next-slot span{font-size:20px}}@media (prefers-reduced-motion:reduce){#creative-start *,#creative-start :before,#creative-start :after{transition:none!important;animation:none!important}}}.creative-page :is(.explorer,.process-fallback,.proof-tabs,.creative-loop-gallery__arrows,.topic-tabs,.topic-panel,.faq-fallback)[hidden]{display:none!important}.creative-page .process-fallback .board{height:auto;min-height:360px}.creative-page .fallback-phase{margin-top:24px}.creative-page .fallback-phase h3{font-size:26px}.creative-page .fallback-phase details{background:#fff;border:1px solid #d5d5d5;border-radius:18px;margin-top:16px;padding:20px}.creative-page .fallback-phase summary{cursor:pointer;font-weight:700}.creative-page .fallback-phase details p{margin-top:16px;line-height:1.65}.creative-page .faq-fallback section{gap:12px;margin-bottom:24px;display:grid}.creative-page .faq-fallback h3{font-size:20px}.creative-page .creative-best-fit:not(:has(.enhanced)) :is(.hint,.arrow){display:none}.creative-page .creative-best-fit button:disabled{cursor:default}.creative-page #creative-client-proof section:not(.is-enhanced)>.hint{display:none}@media (width>=1025px){.creative-page #creative-welcome .creative-welcome__lead{color:var(--ss-slate)}}@media (width>=1025px) and (width<=1100px){.creative-page #creative-welcome .creative-welcome__lead{color:var(--ss-charcoal)}}.creative-page #creative-process .build-blank{color:var(--ss-muted-copy)}@media (width<=360px){.creative-page #creative-client-proof .project-identity:has(.client-logo[src*=doubleoak]),.creative-page #creative-client-proof .project-identity:has(.client-logo[src*=vmatcha]){flex-wrap:wrap}}
