:root{--paper:#f3efe6;--paper-2:#ebe5d8;--ink:#111318;--cobalt:#1551ee;--blue:#315df6;--acid:#d8ff37;--coral:#ff685e;--line:rgba(17,19,24,.18);--sans:"Arial Narrow","Hiragino Sans",sans-serif;--display:"Arial Narrow","Hiragino Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#d9d4ca;color:var(--ink);font-family:var(--sans);font-weight:650}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit}.section{position:relative;max-width:1440px;min-height:960px;margin:0 auto;background:var(--paper);padding:54px 64px;isolation:isolate}.section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(0,0,0,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.026) 1px,transparent 1px);background-size:96px 96px}.eyebrow,.kicker{margin:0 0 46px;color:var(--blue);font-size:15px;font-weight:950;letter-spacing:.045em}.kicker{display:flex;align-items:center;gap:16px;color:var(--ink);font-size:13px;margin-bottom:38px}.kicker::after{content:"";display:block;width:min(410px,35vw);height:2px;background:var(--blue)}.kicker--light{color:white}.kicker--light::after{background:rgba(255,255,255,.45)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:950;letter-spacing:-.075em;line-height:.98}h1 span{display:block}h1{font-size:clamp(66px,6.6vw,96px);margin:0 0 28px}h2{font-size:clamp(56px,5.3vw,78px);margin:0}.lead{font-size:18px;line-height:1.6;margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:52px;min-width:300px;padding:21px 24px;background:var(--cobalt);color:white;text-decoration:none;font-weight:900;border:1px solid #0c43d5;box-shadow:0 8px 20px rgba(21,81,238,.16);transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(21,81,238,.25)}.button:focus-visible{outline:4px solid var(--acid);outline-offset:4px}.frame-mark{position:absolute;width:62px;height:62px;opacity:.38}.frame-mark::before,.frame-mark::after{content:"";position:absolute;background:var(--ink)}.frame-mark::before{top:0;left:14px;width:1px;height:62px}.frame-mark::after{top:14px;left:0;width:62px;height:1px}.frame-mark--tl{top:26px;left:26px}.frame-mark--br{right:26px;bottom:26px;transform:rotate(180deg)}.chapter-num{position:absolute;left:-12px;bottom:-45px;color:rgba(49,93,246,.12);font-family:var(--display);font-size:230px;font-weight:950;letter-spacing:-.1em;line-height:1}

.hero{display:grid;grid-template-columns:531px 1fr;align-items:center;gap:38px;overflow:visible}.hero__copy{position:relative;z-index:2;padding-left:10px;align-self:start;margin-top:50px}.hero h1{font-size:72px;width:680px;line-height:1.35}.hero__visual{height:840px;align-self:start}.art-window{position:relative;padding:14px;background:rgba(255,255,255,.48);border:1px solid rgba(17,19,24,.16);box-shadow:0 28px 70px rgba(72,57,35,.16)}.art-window::before{content:"•••";position:absolute;top:-7px;left:20px;color:var(--ink);font-size:14px;letter-spacing:6px;z-index:2}.art-window img{object-fit:cover}.route{display:flex;align-items:center;gap:18px;margin-top:36px;font-size:14px;letter-spacing:.04em}.route i{font-size:24px;color:var(--blue);font-style:normal}

.problem{display:grid;grid-template-columns:1fr 360px;align-items:center;gap:72px;padding-left:76px}.problem__copy{position:relative}.problem h2{font-size:64px;max-width:900px;margin:50px 0 64px}.problem__tags{position:relative;z-index:2;display:flex;gap:32px}.problem__tags span{padding:16px 24px;border:1px solid var(--coral);font-size:23px;font-weight:950;background:rgba(243,239,230,.72)}.problem__artifact{height:790px;margin:0;transform:rotate(2.5deg);filter:drop-shadow(0 22px 26px rgba(45,36,25,.22))}.problem__artifact img{object-fit:contain}.watermark{position:absolute;left:-30px;bottom:-220px;color:rgba(17,19,24,.045);font-size:250px;font-weight:950;font-style:italic;letter-spacing:-.1em}

.method{background:var(--cobalt);color:white;padding:38px 64px 54px;min-height:960px}.method::before{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px)}.method h2{font-size:92px;line-height:.88;letter-spacing:-.055em;white-space:nowrap}.method__sub{text-align:center;font-size:26px;font-weight:900;margin:20px 0 42px}.stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.stage{position:relative;text-align:center}.stage::before{content:"";position:absolute;top:-22px;left:50%;width:calc(100% + 38px);height:2px;background:rgba(255,255,255,.85)}.stage:last-child::before{width:50%}.stage__no{position:absolute;z-index:2;top:-38px;left:50%;transform:translateX(-50%);padding:5px 8px;background:var(--acid);color:var(--ink);font-weight:950}.stage__image{height:430px;padding:14px;background:#f2eee4;border:1px solid rgba(255,255,255,.6);box-shadow:0 14px 28px rgba(0,18,80,.24)}.stage__image img{object-fit:cover}.stage h3{font-size:24px;margin:18px 0 0;letter-spacing:.04em}

.range{display:grid;grid-template-columns:41% 59%;padding:24px;gap:22px;min-height:960px;height:960px}.range__header{padding:22px 22px 0}.range__header h2{font-size:62px}.range__grid{height:912px;max-height:912px;min-height:0;display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:minmax(0,1.1fr) minmax(0,.8fr) minmax(0,.8fr) 180px;gap:10px}.art-card{position:relative;min-height:0;border:1px solid rgba(17,19,24,.48);overflow:hidden;background:#eee9df}.art-card>span{position:absolute;z-index:3;top:10px;left:12px;color:var(--blue);font-size:11px;font-weight:950;letter-spacing:.04em}.art-card img{object-fit:cover}.art-card--person{grid-column:1/3;grid-row:1}.art-card--type{grid-column:1;grid-row:2/4;background:#f5f0e5}.art-card--device{grid-column:2;grid-row:2}.art-card--object{grid-column:2;grid-row:3}.art-card--abstract{grid-column:1/3;grid-row:4;height:180px}.type-art{display:grid;place-content:center;height:100%;font-size:155px;font-family:serif;font-weight:950;line-height:.47;letter-spacing:-.2em;transform:rotate(-3deg)}.type-art i{color:var(--coral);font-style:normal}.type-art b{color:var(--cobalt)}

.layers{min-height:810px;padding:32px 54px}.layers h2{font-size:60px;position:relative;z-index:3;margin-top:18px}.layers .kicker{margin:0}.layer-flow{display:grid;grid-template-columns:1fr 44px 1.25fr 44px 1fr;gap:8px;align-items:center;margin-top:42px}.layer-flow figure{margin:0}.layer-flow figure img{height:420px;object-fit:contain}.layer-flow figcaption{text-align:center;color:var(--blue);font-size:12px;font-weight:950;letter-spacing:.08em}.flow-arrow{font-size:34px;color:var(--blue);text-align:center}.layer-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:18px}.layer-legend span{padding:7px 12px;border:1px solid var(--blue);color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.06em}

.audience{padding:48px 60px}.audience h2{font-size:72px;margin-bottom:50px}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative}.audience-grid::after{content:"";position:absolute;left:12%;right:12%;bottom:68px;height:3px;background:var(--blue);z-index:-1}.audience-grid article{text-align:center}.audience-art{height:405px}.audience-art img{object-fit:contain}.audience-grid h3{display:inline-block;min-width:150px;margin:8px 0 14px;padding:6px 28px;background:var(--cobalt);color:white;font-size:13px;letter-spacing:.2em;clip-path:polygon(0 0,100% 0,94% 100%,5% 100%)}.audience-grid p{font-size:17px;font-weight:900}

.handoff{min-height:874px;padding:42px 60px}.handoff h2{font-size:72px;margin-bottom:38px}.handoff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative}.handoff-grid::after{content:"";position:absolute;left:3%;right:3%;bottom:48px;height:2px;background:var(--blue);z-index:-1}.handoff-grid article>div{height:350px;background:rgba(255,255,255,.35)}.handoff-grid img{object-fit:contain}.handoff-grid h3{font-size:10px;line-height:1.4;display:flex;align-items:center;gap:8px}.handoff-grid h3 b{font-size:28px;color:var(--blue)}.handoff-route{display:flex;justify-content:center;gap:24px;margin-top:46px;color:var(--blue);font-size:22px;letter-spacing:.05em}.handoff-route b:nth-of-type(2){color:#9ed500}

.final-cta{display:grid;place-items:center;overflow:visible}.final-cta::before{background-image:radial-gradient(rgba(17,19,24,.03) 1px,transparent 1px);background-size:14px 14px}.final-cta__content{position:relative;z-index:2;text-align:center;margin-top:40px}.final-cta__content .kicker{justify-content:center;margin-bottom:26px;color:var(--blue)}.final-cta__content .kicker::after{display:none}.final-cta h2{font-size:70px;margin-bottom:24px}.final-cta h2 span,.final-cta h2 strong{display:block}.final-cta h2 span{font-size:.55em;text-align:left;margin-left:65px}.final-cta__content>p{font-size:13px;margin-bottom:24px}.final-cta .button{min-width:440px}.final-cta small{display:block;margin-top:26px;font-size:9px;letter-spacing:.14em}.cta-curve{position:absolute;inset:0;width:100%;height:100%;z-index:1}.cta-curve path{fill:none;stroke:var(--blue);stroke-width:5}.cta-curve path+path{stroke-width:1.4;opacity:.6}.chapter-num--right{left:auto;right:42px;top:58px;bottom:auto;color:rgba(17,19,24,.025)}

@media (max-width:1200px) and (min-width:901px){.method h2{font-size:72px;white-space:normal}.problem__artifact img{transform:translateX(-8px) scale(1.1)}.range::after{display:none}}

@media (max-width:900px){.section{min-height:auto;padding:72px 22px}.section::before{background-size:64px 64px}.kicker{margin-bottom:26px}.kicker::after{width:120px}h1{font-size:clamp(48px,15vw,70px)}h2{font-size:clamp(42px,12vw,64px)}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:96px}.hero__copy{padding:0;margin-top:0;min-width:0;width:100%}.hero h1{width:auto;max-width:100%}.eyebrow{margin-bottom:26px}.lead br{display:none}.hero__visual{height:auto;aspect-ratio:1/1.05}.route{font-size:11px;gap:10px;flex-wrap:wrap}.chapter-num{font-size:130px;bottom:-30px}.problem{display:flex;flex-direction:column;align-items:stretch;gap:22px}.problem h2{font-size:52px;margin:22px 0 34px}.problem__tags{gap:8px;flex-wrap:wrap}.problem__tags span{font-size:15px;padding:12px}.problem__artifact{height:560px}.watermark{font-size:120px;bottom:-100px}.method h2{font-size:48px;white-space:normal}.method__sub{text-align:left;font-size:19px;margin-bottom:52px}.stage-grid{grid-template-columns:1fr;gap:64px}.stage::before{display:none}.stage__image{height:auto;aspect-ratio:1/1}.range{display:block;padding:22px;height:auto}.range__header{padding:24px 0}.range__header h2{font-size:48px}.range__grid{height:auto;max-height:none;display:flex;flex-direction:column}.art-card{min-height:320px}.art-card--person{min-height:430px}.art-card--abstract{height:280px}.layers h2{position:static;font-size:48px;margin:20px 0 34px}.layer-flow{display:flex;flex-direction:column;margin:0}.layer-flow figure img{height:auto;max-height:420px}.flow-arrow{transform:rotate(90deg)}.layer-legend{margin-top:30px}.audience h2{font-size:48px}.audience-grid{grid-template-columns:1fr;gap:46px}.audience-grid::after{display:none}.audience-art{height:auto;aspect-ratio:1.05/1}.handoff h2{font-size:48px}.handoff-grid{grid-template-columns:1fr 1fr}.handoff-grid::after{display:none}.handoff-grid article>div{height:auto;aspect-ratio:.8/1}.handoff-route{font-size:16px;gap:12px}.final-cta{min-height:760px;padding-inline:22px}.final-cta h2{font-size:58px}.final-cta h2 span{text-align:center;margin:0}.final-cta .button{min-width:0;width:100%;gap:20px}.cta-curve{width:160%;left:-60%}.chapter-num--right{font-size:120px;right:20px}.button{min-width:0;width:100%}}

@media (max-width:480px){.section{padding-top:64px;padding-bottom:64px}.hero h1{font-size:28px}.hero h1 span,[data-el="s02-heading"] span,[data-el="s04-heading"] span,[data-el="s05-heading"] span,[data-el="s06-heading"] span,[data-el="s07-heading"] span{display:block}.problem h2 br,.range h2 br,.layers h2 br,.audience h2 br{display:none}.problem h2{font-size:34px}.method h2{font-size:43px}.stage__image{padding:8px}.range__header h2,.layers h2,.handoff h2{font-size:34px}.audience h2{font-size:26px}.handoff-grid{grid-template-columns:1fr}.handoff-grid article>div{aspect-ratio:1/1}.handoff-route{flex-wrap:wrap}.final-cta h2{font-size:38px}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Independent crop-review refinements: restore poster density without changing asset units. */
.hero::after,.problem::after,.final-cta::after{position:absolute;font-family:var(--display);font-weight:950;line-height:1;letter-spacing:-.1em;pointer-events:none;z-index:0}
.hero::after{content:"01";left:0;bottom:-38px;font-size:230px;color:rgba(49,93,246,.11)}
.problem::after{content:"WEB";left:20px;bottom:-38px;font-size:250px;font-style:italic;color:rgba(17,19,24,.045)}
.final-cta::after{content:"08";right:42px;top:48px;font-size:230px;color:rgba(17,19,24,.03)}
.problem__artifact img{transform:translateX(-24px) scale(1.35);transform-origin:center}.problem__artifact::before,.problem__artifact::after{content:"";position:absolute;inset:8% 0;border-top:1px solid var(--coral);border-bottom:1px dashed var(--coral);pointer-events:none}.problem__artifact{position:relative;overflow:hidden}.problem__artifact::after{inset:-2% 12%;border:0;border-left:1px solid var(--coral);border-right:1px dashed var(--coral)}
.range__header h2{font-size:48px;line-height:1.02}
.audience-art{height:455px}.audience-grid h3{position:relative}.audience-grid h3::before{content:"";position:absolute;left:50%;top:-38px;width:20px;height:20px;border:4px solid var(--blue);border-radius:50%;background:var(--paper);transform:translateX(-50%)}
.handoff-grid h3{position:relative}.handoff-grid h3::before{content:"";position:absolute;left:8px;top:-27px;width:10px;height:10px;border:3px solid var(--blue);border-radius:50%;background:var(--paper)}
.final-cta h2{font-size:82px}.final-cta__content>p{font-size:15px}.final-cta__content{transform:translateY(-10px)}
.range::after{content:"DESIGN";position:absolute;left:0;top:230px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:76px;font-weight:950;letter-spacing:-.08em;color:var(--blue);opacity:.9;pointer-events:none}.layers::after{content:"pixel_diff_count = 0   max_channel_delta = 0";position:absolute;right:42px;bottom:26px;padding:10px 16px;background:var(--acid);border:1px solid #9fbd1c;font:900 12px/1 monospace;letter-spacing:.02em}

@media (max-width:900px){.hero::after{font-size:120px;bottom:-20px}.problem::after{font-size:110px;bottom:-12px}.final-cta::after{font-size:120px;right:18px}.problem__artifact img{transform:scale(1)}.problem__artifact::before,.problem__artifact::after{display:none}.audience-grid,.audience-grid article,.audience-art,.audience-art img{min-width:0;width:100%;max-width:100%}.audience-art{height:auto}.final-cta__content{transform:none}.range::after{display:none}.layers::after{position:static;display:block;width:max-content;max-width:100%;margin:24px 0 0;font-size:9px}}

@media (max-width:480px){.range__header h2{font-size:34px}.final-cta h2{font-size:38px}}

/* Quality pass: source-measured type impression and explicit raster/web surfaces. */
:root{
  --sans:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  --display:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  --display-weight:700;
}
body{font-weight:500;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
h1,h2{font-weight:var(--display-weight);letter-spacing:-.018em;line-height:1.1;font-feature-settings:"palt" 1}
.eyebrow,.kicker{font-weight:760;letter-spacing:.075em}
.lead{font-weight:500;letter-spacing:.015em;line-height:1.78}
.button{font-weight:720;letter-spacing:.025em}

.hero{grid-template-columns:minmax(0,56%) minmax(0,44%);gap:20px;padding-left:72px}
.hero__copy{margin-top:72px}
.hero h1{font-size:66px;width:100%;line-height:1.14;letter-spacing:-.014em;margin-bottom:34px}
.hero__visual{height:824px;overflow:hidden;padding:0;border-color:rgba(17,19,24,.1);background:transparent;box-shadow:0 30px 76px rgba(72,57,35,.13)}
.hero__visual::before{top:5px}
.hero__visual img{object-fit:cover;object-position:50% 50%}

.problem{grid-template-columns:minmax(0,1fr) 430px;gap:34px}
.problem h2{font-size:clamp(68px,6.15vw,89px);line-height:1.12;letter-spacing:-.016em;max-width:960px;margin:42px 0 58px}
.problem__tags span{font-weight:720;letter-spacing:.015em}
.problem__artifact{height:790px;background:transparent}
.problem__artifact img{transform:translateX(-10px) scale(1.18);mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%)}

.method h2{font-family:"Arial Narrow","Roboto Condensed",var(--display);font-size:clamp(82px,7.55vw,109px);font-weight:700;line-height:.96;letter-spacing:-.028em}
.method__sub{font-weight:700;letter-spacing:.035em}
.stage__image{padding:0;overflow:hidden;background:#f4eee1}
.stage__image img{object-fit:cover}
.stage h3{font-weight:700;letter-spacing:.08em}

.range__header h2{font-size:clamp(56px,4.15vw,60px);line-height:1.13;letter-spacing:-.01em}
.art-card{background:transparent}
.art-card>span{font-weight:760;letter-spacing:.07em;text-shadow:0 1px 5px rgba(245,240,229,.8)}
.art-card img{object-fit:cover;object-position:center}

.layers{min-height:860px;padding-top:44px}
.layers h2{font-size:clamp(62px,5.4vw,78px);line-height:1.08;letter-spacing:-.012em;margin-top:24px}
.layer-flow{margin-top:48px}
.layer-flow figure img{height:430px;object-fit:contain;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse 94% 92% at 50% 50%,#000 78%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 94% 92% at 50% 50%,#000 78%,transparent 100%)}
.layer-flow figcaption,.layer-legend span{font-weight:720}

.audience h2{font-size:clamp(70px,5.9vw,85px);line-height:1.1;letter-spacing:-.014em;margin-bottom:42px}
.audience-art{height:430px;overflow:visible;background:transparent}
.audience-art img{object-fit:contain;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse 91% 87% at 50% 50%,#000 76%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 91% 87% at 50% 50%,#000 76%,transparent 100%)}
.audience-grid p{font-weight:620;letter-spacing:.02em}

.handoff h2{font-size:clamp(66px,5.7vw,82px);line-height:1.1;letter-spacing:-.014em;margin-bottom:44px}
.handoff-grid article>div{background:transparent;overflow:visible}
.handoff-grid img{object-fit:contain;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse 91% 91% at 50% 50%,#000 80%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 91% 91% at 50% 50%,#000 80%,transparent 100%)}
.handoff-grid h3{font-weight:650;letter-spacing:.01em}
.handoff-route{font-weight:650;letter-spacing:.08em}

.final-cta h2{font-size:clamp(78px,7.15vw,103px);line-height:1.03;letter-spacing:-.018em}
.final-cta h2 span{font-size:.48em;margin-left:82px;letter-spacing:.015em}
.final-cta__content>p{font-weight:500;letter-spacing:.035em}

@media (max-width:900px){
  h1,h2{line-height:1.14;letter-spacing:-.012em}
  .hero{padding:92px 24px 72px;gap:40px}.hero__copy{margin-top:0}.hero h1{font-size:clamp(52px,14vw,72px);width:auto;line-height:1.16}.hero__visual{height:auto;aspect-ratio:1.08/1}
  .problem h2{font-size:clamp(46px,11.4vw,66px);line-height:1.16}.problem__artifact img{transform:none}
  .method h2{font-size:clamp(52px,13vw,74px);line-height:1.02}
  .range__header h2,.layers h2,.audience h2,.handoff h2{font-size:clamp(44px,11vw,64px);line-height:1.15}
  .stage__image{aspect-ratio:4/5}.art-card{min-height:0;aspect-ratio:4/3}.art-card--person{aspect-ratio:4/3}.art-card--type{aspect-ratio:3/4}.art-card--abstract{aspect-ratio:3/1;height:auto}
  .layer-flow figure img{height:auto;max-height:460px}.audience-art{height:auto;aspect-ratio:1.35/1}
  .handoff-grid article>div{aspect-ratio:4/5}.final-cta h2{font-size:clamp(58px,16vw,82px)}
}

@media (max-width:480px){
  .section{padding-inline:20px}.hero h1{font-size:clamp(42px,12.8vw,56px)}
  .problem h2,.range__header h2,.layers h2,.audience h2,.handoff h2{font-size:clamp(38px,10.4vw,48px)}
  .method h2{font-size:clamp(45px,12.2vw,58px)}
  .final-cta h2{font-size:clamp(48px,14vw,64px)}
}

@media (max-width:480px){
  .hero h1{font-size:clamp(28px,7.7vw,30px)}
  .problem h2{font-size:30px}
  .audience h2{font-size:clamp(22px,6.7vw,26px)}
  .final-cta h2{font-size:clamp(30px,8.5vw,34px)}
}

.section{overflow:clip}
.layers,.audience,.handoff{overflow:visible}
@media (min-width:360px){.hero h1 .hero-line-2>span{display:inline}}
@media (max-width:359px){.hero h1 .hero-line-2>span{display:block}}
@media (max-width:900px){.audience-art img{transform:none}}

/* Keep masked paper integration stable in full-page browser capture/compositing. */
.problem__artifact img,.layer-flow figure img,.audience-art img,.handoff-grid img{mix-blend-mode:normal}

/* Independent crop-review scale corrections. */
.problem__artifact img{transform:none;object-fit:cover;object-position:center}
.layer-flow{grid-template-columns:.82fr 38px 1.55fr 38px .82fr}
.layer-flow figure img{height:452px}
.audience-art img{transform:scale(1.07)}
.handoff-grid article>div{height:382px}
@media (max-width:900px){.audience-art img{transform:none}.handoff-grid article>div{height:auto}}

/* Surface-topology regeneration pass: the new assets own the Web surface they
   were generated for. No consumer card, mask, or duplicated matte is added. */
.hero{
  display:block;
  min-height:960px;
  padding-left:72px;
  background-image:
    linear-gradient(90deg,rgba(243,239,230,.28) 0%,rgba(243,239,230,.12) 42%,rgba(243,239,230,0) 72%),
    url('../../assets/raster/S01-hero-field-v2.png');
  background-size:cover,cover;
  background-position:center,center;
  background-repeat:no-repeat;
}
.hero__copy{max-width:690px;padding-left:10px;margin-top:72px}
.hero__visual{
  display:block;
  position:absolute;
  inset:0;
  z-index:-1;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  opacity:0;
  pointer-events:none;
  overflow:hidden;
}
.hero__visual img{width:100%;height:100%;object-fit:cover;display:block}
.problem__artifact{height:790px;overflow:visible;transform:rotate(2.5deg);filter:none}
.problem__artifact::before,.problem__artifact::after{display:none}
.problem__artifact img{
  width:100%;height:100%;object-fit:contain;object-position:center;
  transform:none!important;mask-image:none!important;-webkit-mask-image:none!important;
  mix-blend-mode:normal;
}
.layer-flow__exploded img{
  object-fit:contain;mix-blend-mode:normal;mask-image:none!important;-webkit-mask-image:none!important;
  filter:none;
}
.audience-art img{
  width:100%;height:100%;object-fit:contain;transform:none!important;
  mix-blend-mode:normal;mask-image:none!important;-webkit-mask-image:none!important;
}
@media (max-width:900px){
  .hero{display:block;min-height:760px;padding:92px 24px 72px;background-position:center,62% center}
  .hero__copy{max-width:100%;margin-top:0}
  .problem__artifact{height:560px;transform:rotate(2deg)}
  .layer-flow__exploded img{max-height:460px}
}