@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap";
:root{font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--paper);color:var(--ink);margin:0;font-family:Manrope,Arial,sans-serif}body.avanpost{--paper:#f2efe7;--paper2:#e9e4d8;--ink:#17392e;--muted:#5d6a5d;--line:#a8b5a8;--accent:#b69155;--deep:#15382f;--pale:#e6e7d7}body.ai-case{--paper:#f1f3f5;--paper2:#e8ebf1;--ink:#1b2a40;--muted:#657186;--line:#b7c0cf;--accent:#7f86c6;--deep:#17283e;--pale:#e2e4f2}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.page{max-width:1512px;margin:auto;padding:0 34px}.site-head{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:24px;height:84px;display:flex}.brand{align-items:center;gap:15px;line-height:1;display:flex}.brand strong{letter-spacing:-2px;font:700 34px/1 DM Sans,Arial,sans-serif}.brand small{border-left:1px solid var(--line);letter-spacing:.12em;text-transform:uppercase;padding-left:14px;font-size:9px;font-weight:700;line-height:1.5}.nav{align-items:center;gap:30px;font-size:13px;font-weight:700;display:flex}.nav a:hover,.text-link:hover{color:var(--accent)}.nav-cta,.button{background:var(--deep);color:#fff;border:1px solid var(--deep);justify-content:center;align-items:center;gap:17px;padding:15px 23px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.nav-cta:hover,.button:hover{background:var(--accent);border-color:var(--accent);color:var(--deep)}.edition{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;padding:17px 0;font-size:10px;display:flex}.hero{grid-template-columns:43% 57%;align-items:center;gap:0;min-height:652px;display:grid}.hero-copy{padding:55px 5vw 65px 0}.eyebrow,.section-label,.micro{letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:700}.eyebrow{color:var(--deep);align-items:center;gap:16px;display:flex}.eyebrow:after{content:"";background:var(--line);flex:1;height:1px}.hero h1{letter-spacing:-.055em;margin:32px 0 24px;font:500 clamp(64px,6vw,104px)/.94 Playfair Display,Georgia,serif}.hero h1 em{color:var(--accent);font-style:normal}.hero .lead{max-width:550px;margin:0 0 33px;font:400 clamp(18px,1.5vw,24px)/1.45 Georgia,serif}.hero-actions{flex-wrap:wrap;align-items:center;gap:25px;display:flex}.text-link{border-bottom:1px solid;padding-bottom:4px;font-size:13px;font-weight:700}.concept-note{color:var(--muted);max-width:420px;margin-top:28px;font-size:11px;line-height:1.5}.hero-visual{background:var(--paper2);border:1px solid var(--line);margin:0;padding:18px;position:relative;transform:rotate(1deg);box-shadow:18px 18px #17392e12}.hero-visual img{aspect-ratio:1.48;object-fit:cover;object-position:top left;width:100%}.print-image{background:var(--paper2);position:relative;overflow:hidden}.print-image:after{content:"";pointer-events:none;opacity:.31;mix-blend-mode:multiply;background-image:radial-gradient(#18231f40 .55px,#0000 .8px);background-size:4px 4px;position:absolute;inset:0}.caption{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);justify-content:space-between;gap:16px;padding-top:12px;font-size:10px;display:flex}.hero-visual .caption{padding:14px 0 0}.meta-row{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:repeat(3,1fr);margin-bottom:100px;display:grid}.meta-item{border-right:1px solid var(--line);padding:22px 25px 25px 0}.meta-item:last-child{border:0;padding-left:25px}.meta-item:nth-child(2){padding-left:25px}.meta-item span{color:var(--muted);letter-spacing:.17em;text-transform:uppercase;margin-bottom:11px;font-size:10px;display:block}.meta-item strong{font:500 21px/1.25 Georgia,serif}.section{padding:0 0 115px}.section-top{align-items:center;gap:20px;margin-bottom:28px;display:flex}.section-top .rule{background:var(--line);flex:1;height:1px}.section-top .tail{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px}.section h2{letter-spacing:-.05em;max-width:950px;margin:0 0 45px;font:500 clamp(48px,5vw,77px)/1.06 Playfair Display,Georgia,serif}.section-intro{grid-template-columns:1fr 1fr;align-items:start;gap:8%;display:grid}.section-intro p{margin:0;font:400 21px/1.55 Georgia,serif}.problem-grid{border-top:1px solid var(--ink);grid-template-columns:repeat(3,1fr);margin-top:44px;display:grid}.problem-card{border-right:1px solid var(--line);min-height:204px;padding:27px 34px 8px 0}.problem-card:not(:first-child){padding-left:34px}.problem-card:last-child{border:0}.problem-card .number{letter-spacing:.15em;color:var(--accent);margin-bottom:25px;font-size:11px;font-weight:700;display:block}.problem-card h3{margin:0 0 12px;font:500 27px/1.15 Georgia,serif}.problem-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.solution-band{background:var(--deep);color:#f9f8f1;margin:0 0 112px;padding:60px 0 69px}.solution-band .section-top .rule{background:#ffffff59}.solution-band .section-top .tail{color:#d2dcd6}.solution-band h2{letter-spacing:-.045em;max-width:900px;margin:0 0 32px;font:500 clamp(44px,4.3vw,68px)/1.05 Playfair Display,Georgia,serif}.solution-grid{border-top:1px solid #ffffff73;grid-template-columns:repeat(3,1fr);display:grid}.solution-grid article{border-right:1px solid #ffffff4d;padding:29px 28px 0 0}.solution-grid article:not(:first-child){padding-left:28px}.solution-grid article:last-child{border:0}.solution-grid span{letter-spacing:.18em;color:#d9c18b;font-size:10px}.solution-grid h3{margin:28px 0 10px;font:500 27px/1.16 Georgia,serif}.solution-grid p{color:#dce5df;margin:0;font-size:14px;line-height:1.55}.feature{grid-template-columns:36% 64%;align-items:center;gap:0;margin-bottom:93px;display:grid}.feature.reverse{grid-template-columns:64% 36%}.feature.reverse .feature-copy{order:2;padding:0 0 0 7vw}.feature.reverse .feature-visual{order:1}.feature-copy{padding:0 7vw 0 0}.feature-copy .index{letter-spacing:.18em;color:var(--accent);font-size:11px;font-weight:700}.feature h3{letter-spacing:-.04em;margin:22px 0 20px;font:500 clamp(35px,3.3vw,52px)/1.08 Playfair Display,Georgia,serif}.feature p{color:var(--muted);margin:0 0 24px;font-size:15px;line-height:1.7}.feature ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.feature li{border-bottom:1px solid var(--line);padding:12px 0;font-size:13px;font-weight:700}.feature li:before{content:"↗";color:var(--accent);margin-right:13px}.feature-visual{background:var(--paper2);border:1px solid var(--line);margin:0;padding:16px}.feature-visual img{width:100%;height:auto}.feature.mobile .feature-visual{justify-self:center;max-width:500px}.feature.mobile .feature-visual img{aspect-ratio:3/4;object-fit:cover;object-position:top}.illustration{background:var(--pale);border:1px solid var(--line);grid-template-columns:54% 46%;margin:0 0 112px;display:grid;overflow:hidden}.illustration .print-image img{object-fit:cover;width:100%;height:100%}.illustration-copy{align-self:center;padding:54px 6vw 54px 5vw}.illustration-copy h2{letter-spacing:-.045em;margin:22px 0;font:500 clamp(40px,4vw,62px)/1.07 Playfair Display,Georgia,serif}.illustration-copy p{color:var(--muted);max-width:490px;font-size:15px;line-height:1.7}.closing{background:var(--deep);color:#fff;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px;padding:60px 6vw 64px;display:flex}.closing h2{letter-spacing:-.05em;max-width:680px;margin:18px 0 16px;font:500 clamp(46px,5vw,74px)/1.02 Playfair Display,Georgia,serif}.closing p{color:#dbe4de;max-width:600px;margin:0;font-size:15px;line-height:1.6}.closing .button{background:var(--accent);color:var(--deep);border-color:var(--accent);white-space:nowrap}.closing .button:hover{background:#fff;border-color:#fff}.site-foot{color:var(--muted);justify-content:space-between;gap:20px;padding:17px 0 28px;font-size:11px;display:flex}.site-foot div{gap:25px;display:flex}.site-foot a:hover{color:var(--ink)}@media (max-width:900px){.page{padding:0 22px}.site-head{height:70px}.nav{gap:13px}.nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:55px 0 46px}.hero h1{max-width:700px}.hero-visual{transform:none}.meta-row{margin:60px 0 78px}.section{padding-bottom:85px}.feature,.feature.reverse{grid-template-columns:1fr;gap:28px}.feature.reverse .feature-copy,.feature-copy{order:0;padding:0}.feature.reverse .feature-visual{order:1}.feature.mobile .feature-visual{max-width:540px}.illustration{grid-template-columns:1fr}.illustration .print-image img{height:380px}.closing{flex-direction:column;align-items:start}}@media (max-width:600px){.page{padding:0 16px}.brand strong{font-size:27px}.brand small{font-size:7px}.nav-cta{padding:11px 12px;font-size:11px}.edition{gap:10px;font-size:8px}.edition span:last-child{text-align:right}.hero-copy{padding:42px 0 32px}.hero h1{margin:25px 0 19px;font-size:57px}.hero .lead{font-size:18px}.hero-visual{padding:8px;box-shadow:8px 8px #17392e12}.hero-visual img{aspect-ratio:1.25}.caption{font-size:8px}.meta-row{grid-template-columns:1fr;margin:45px 0 65px}.meta-item,.meta-item:nth-child(2),.meta-item:last-child{border-right:0;border-bottom:1px solid var(--line);padding:16px 0}.meta-item:last-child{border-bottom:0}.meta-item strong{font-size:18px}.section{padding-bottom:73px}.section-top .tail{display:none}.section h2{margin-bottom:30px;font-size:44px}.section-intro{grid-template-columns:1fr;gap:20px}.section-intro p{font-size:18px}.problem-grid,.solution-grid{grid-template-columns:1fr}.problem-card,.problem-card:not(:first-child),.solution-grid article,.solution-grid article:not(:first-child){border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:22px 0}.problem-card:last-child,.solution-grid article:last-child{border-bottom:0}.problem-card .number{margin-bottom:12px}.solution-band{margin-bottom:70px;padding:48px 0}.solution-band h2{font-size:43px}.solution-grid article{border-color:#ffffff4d!important}.solution-grid h3{margin:12px 0 7px}.feature{margin-bottom:69px}.feature h3{font-size:40px}.feature-visual{padding:8px}.illustration{margin-bottom:70px}.illustration .print-image img{height:250px}.illustration-copy{padding:31px 23px 37px}.illustration-copy h2{font-size:40px}.closing{padding:38px 24px}.closing h2{font-size:45px}.closing .button{width:100%}.site-foot{flex-direction:column}.site-foot div{flex-wrap:wrap;gap:13px}}@media (max-width:900px){.hero,.feature,.feature.reverse,.illustration{grid-template-columns:minmax(0,1fr)}.hero-copy,.hero-visual,.feature-copy,.feature-visual,.illustration-copy{min-width:0}}@media (max-width:600px){.hero h1{overflow-wrap:anywhere;font-size:clamp(42px,11vw,51px)}.section h2,.feature h3,.illustration h2,.closing h2{overflow-wrap:break-word}.edition{flex-wrap:wrap}.hero-visual img{object-fit:contain;aspect-ratio:auto}.hero-visual{width:100%}.nav-cta{white-space:nowrap}.site-head,.brand{min-width:0}.brand small{display:none}}.hero-visual img{aspect-ratio:auto;object-fit:contain}
#studio-page.editorial-case.avanpost{--paper:#f2efe7;--paper2:#e9e4d8;--ink:#17392e;--muted:#5d6a5d;--line:#a8b5a8;--accent:#b69155;--deep:#15382f;--pale:#e6e7d7}#studio-page.editorial-case.shop-case{--paper:#f4f0e9;--paper2:#e9e4da;--ink:#33362e;--muted:#686d61;--line:#b6b8aa;--accent:#b57558;--deep:#46543e;--pale:#e8e8dc}#studio-page.editorial-case.play-case{--paper:#f7f2e9;--paper2:#ebe9df;--ink:#2e4038;--muted:#637269;--line:#aec0b4;--accent:#c77f62;--deep:#476b5b;--pale:#e8eee5}#studio-page.editorial-case.ai-case{--paper:#f1f3f5;--paper2:#e8ebf1;--ink:#1b2a40;--muted:#657186;--line:#b7c0cf;--accent:#7f86c6;--deep:#17283e;--pale:#e2e4f2}#studio-page.editorial-case{background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}#studio-page.editorial-case h1,#studio-page.editorial-case h2,#studio-page.editorial-case h3{color:var(--ink);font-weight:500}#studio-page.editorial-case .hero h1{letter-spacing:-.055em;margin:32px 0 24px;font:500 clamp(64px,6vw,104px)/.94 Playfair Display,Georgia,serif}#studio-page.editorial-case .hero h1 em{color:var(--accent);font-style:normal}#studio-page.editorial-case p{color:inherit}#studio-page.editorial-case .hero .lead{max-width:550px;color:var(--ink);margin:0 0 33px;font:400 clamp(18px,1.5vw,24px)/1.45 Georgia,serif}#studio-page.editorial-case .section h2,#studio-page.editorial-case .solution-band h2,#studio-page.editorial-case .illustration-copy h2,#studio-page.editorial-case .closing h2{letter-spacing:-.05em;font-family:Playfair Display,Georgia,serif;font-weight:500}#studio-page.editorial-case .section h2{margin:0 0 45px;font-size:clamp(48px,5vw,77px);line-height:1.06}#studio-page.editorial-case .feature h3,#studio-page.editorial-case .problem-card h3,#studio-page.editorial-case .solution-grid h3{letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-weight:500}#studio-page.editorial-case .feature h3{margin:22px 0 20px;font-size:clamp(35px,3.3vw,52px);line-height:1.08}#studio-page.editorial-case .section-intro p,#studio-page.editorial-case .problem-card p,#studio-page.editorial-case .solution-grid p,#studio-page.editorial-case .illustration-copy p,#studio-page.editorial-case .closing p{color:var(--muted);margin:0}#studio-page.editorial-case .feature p{color:var(--muted);margin:0 0 24px}#studio-page.editorial-case .solution-band,#studio-page.editorial-case .solution-band h2,#studio-page.editorial-case .closing,#studio-page.editorial-case .closing h2{color:#f9f8f1}#studio-page.editorial-case .st-header{background:var(--paper)}#studio-page.editorial-case .workflow-lead{max-width:780px;color:var(--ink);margin:-16px 0 32px;font:400 21px/1.5 Georgia,serif}#studio-page.editorial-case .workflow-grid{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}#studio-page.editorial-case .workflow-grid article{border-right:1px solid var(--line);padding:24px 20px 25px 0}#studio-page.editorial-case .workflow-grid article:not(:first-child){padding-left:20px}#studio-page.editorial-case .workflow-grid article:last-child{border-right:0}#studio-page.editorial-case .workflow-grid span{color:var(--accent);letter-spacing:.17em;margin-bottom:30px;font-size:10px;font-weight:700;display:block}#studio-page.editorial-case .workflow-grid h3{margin:0 0 13px;font:500 24px/1.15 Georgia,serif}#studio-page.editorial-case .workflow-grid p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}@media (max-width:900px){#studio-page.editorial-case .workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#studio-page.editorial-case .workflow-grid article:nth-child(2n){border-right:0}#studio-page.editorial-case .workflow-grid article{border-bottom:1px solid var(--line)}#studio-page.editorial-case .workflow-grid article:last-child{border-bottom:0}}@media (max-width:600px){#studio-page.editorial-case .workflow-grid{grid-template-columns:1fr}#studio-page.editorial-case .workflow-grid article,#studio-page.editorial-case .workflow-grid article:not(:first-child){border-right:0;padding:20px 0}#studio-page.editorial-case .workflow-grid span{margin-bottom:12px}#studio-page.editorial-case .workflow-lead{font-size:18px}}
