/* Authentic product detail. Scoped below the protected opening. */
.craft-method{padding:64px var(--gutter) 66px;max-width:1856px;margin:auto}
.method-heading{display:grid;grid-template-columns:1fr 2fr;gap:5%;align-items:start}
.method-heading .eyebrow{padding-top:8px}
.method-heading h2{font-size:clamp(36px,4.3vw,66px);font-weight:450;letter-spacing:-.04em;line-height:1.06}
.method-path{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;gap:24px;align-items:start;margin-top:42px}
.method-path article{border-top:1px solid #283b3240;padding-top:18px}
.method-path h3{font-size:24px;line-height:1.2;letter-spacing:-.025em;margin-bottom:12px}
.method-path p{font-size:15px;line-height:1.6;max-width:330px;color:#485444}
.method-path>span{font-size:28px;padding-top:10px;color:#995332}
.app-craft{background:#e8b383;color:var(--forest);padding:64px var(--gutter) 38px;overflow:clip}
.craft-intro,.craft-stage,.craft-foundation{max-width:1680px;margin-left:auto;margin-right:auto}
.craft-intro{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:38px}
.craft-intro .eyebrow{margin-bottom:21px}
.craft-intro h2{font-size:clamp(44px,5.35vw,82px);font-weight:450;letter-spacing:-.045em;line-height:1.02}
.craft-product{display:flex;gap:13px;align-items:center;padding-bottom:6px;flex-shrink:0}
.craft-product img{border-radius:10px}
.craft-product>span{font:500 22px/1.2 Bricolage,Arial,sans-serif;letter-spacing:-.025em}
.craft-product small{display:block;font:12px/1.5 Arial,sans-serif;letter-spacing:0;margin-top:7px}
.craft-stage{display:grid;grid-template-columns:1fr 1fr;gap:7%;background:#f2d1ad;padding:40px 7% 28px;align-items:center;position:relative}
.craft-phone{width:min(100%,340px);margin:0 auto;position:relative;isolation:isolate}
.craft-phone img{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 15px #61472725)}
.craft-phone figcaption{font-size:10px;text-align:center;margin-top:15px;color:#55503d}
.detail-source{position:absolute;left:14.8%;top:23.1%;width:70.3%;height:4.3%;border:1.5px solid #a45027;border-radius:9px;pointer-events:none}
.craft-decision{max-width:470px;padding:6px 0 15px}
.craft-context{font-size:17px;line-height:1.6;max-width:390px;margin-bottom:33px}
.craft-kicker{font-size:11px;margin-bottom:13px;color:#64533d}
.decision-text h3{font-size:clamp(30px,3.15vw,46px);line-height:1.07;letter-spacing:-.035em;font-weight:450;margin-bottom:19px}
.decision-text>p:last-child{font-size:16px;line-height:1.65;max-width:400px}
.craft-detail{margin:27px 0 0}
.detail-window{position:relative;aspect-ratio:760/110;width:100%;overflow:hidden;border-radius:12px;border:1px solid #af845c;background:#f2eee8;box-shadow:0 6px 18px #70523412}
.detail-window img{position:absolute;width:142.106%;height:auto;max-width:none;left:-21.052%;top:-398.18%}
.craft-detail figcaption{display:flex;gap:13px;font-size:12px;line-height:1.55;margin-top:12px;align-items:center}
.craft-detail figcaption>span{font-size:24px;line-height:1}
.craft-home{display:none}
.craft-foundation{display:flex;justify-content:space-between;align-items:center;gap:10%;padding-top:27px}
.craft-foundation>p{font-size:14px;line-height:1.6;max-width:620px}
.craft-foundation strong{font-weight:600}
.craft-foundation .studio-link{margin:0;white-space:nowrap;font-size:14px}
.variant-b .craft-stage{grid-template-columns:1fr 1.5fr;padding-left:4%;padding-right:4%}
.variant-b .craft-decision{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;max-width:none}
.variant-b .craft-home{display:block;grid-column:2;grid-row:1 / span 3;align-self:center}
.variant-b .craft-home img{width:100%;height:auto}
.variant-b .craft-context{margin:0;font-size:15px}
.variant-b .decision-text h3{font-size:33px}
.variant-b .craft-detail{display:none}
@media(min-width:1600px){.craft-stage{gap:12%;grid-template-columns:1fr 1fr}.craft-phone{width:365px}.craft-decision{max-width:520px}.craft-context{font-size:19px;max-width:450px}}
@media(max-width:1000px){.method-heading{grid-template-columns:.65fr 1.6fr}.method-path{gap:16px;grid-template-columns:1fr 18px 1fr 18px 1fr}.method-path h3{font-size:21px}.craft-intro{align-items:start}.craft-product>span{font-size:18px}.craft-product img{width:34px;height:34px}.craft-stage{padding:30px 4%;gap:5%}.craft-context{font-size:15px;margin-bottom:24px}.decision-text>p:last-child{font-size:15px}.craft-detail{margin-top:22px}}
@media(max-width:700px){.craft-method{padding:40px 24px}.method-heading{display:block}.method-heading .eyebrow{padding:0;margin-bottom:19px}.method-heading h2{font-size:37px}.method-path{grid-template-columns:1fr;gap:0;margin-top:25px}.method-path>span{display:none}.method-path article{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;padding:16px 0}.method-path article:last-child{padding-bottom:0}.method-path h3{font-size:22px;line-height:1.13;margin:0}.method-path p{font-size:13px;line-height:1.55}.app-craft{padding:37px 24px 30px}.craft-intro{display:flex;flex-direction:column;gap:23px;align-items:start;margin-bottom:25px}.craft-intro .eyebrow{font-size:11px;margin-bottom:17px}.craft-intro h2{font-size:42px}.craft-product>span{font-size:20px}.craft-product small{font-size:11px;margin-top:4px}.craft-product img{width:36px;height:36px}.craft-stage{display:flex;flex-direction:column;padding:23px 20px 25px;margin:0 -8px;gap:25px}.craft-phone{width:min(100%,300px);order:1}.craft-decision{display:contents}.craft-context{order:0;font-size:15px;line-height:1.6;max-width:420px;margin:0}.decision-text{order:2;align-self:stretch}.decision-text h3{font-size:35px;margin-bottom:16px}.decision-text>p:last-child{font-size:15px;line-height:1.6;max-width:440px}.craft-detail{order:3;align-self:stretch;margin:0}.craft-detail figcaption{font-size:11px}.detail-window{border-radius:9px}.craft-phone figcaption{font-size:9px}.craft-foundation{display:block;padding-top:22px}.craft-foundation>p{font-size:13px}.craft-foundation .studio-link{margin-top:18px;font-size:13px}.variant-b .craft-stage{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:12px}.variant-b .craft-phone{grid-column:1;grid-row:2}.variant-b .craft-decision{display:contents}.variant-b .craft-home{grid-column:2;grid-row:2;display:block}.variant-b .craft-context{grid-column:1 / -1;grid-row:1}.variant-b .decision-text{grid-column:1 / -1;grid-row:3}}
@media(prefers-reduced-motion:reduce){.app-craft *{animation:none!important;transition:none!important}}
.motion-off .app-craft *{animation:none!important;transition:none!important}
/* Selected refinement: enlarge the information, not only its control. */
.variant-final .craft-intro h2{font-size:clamp(43px,4.75vw,74px)}
.variant-final .craft-stage{padding-top:34px;padding-bottom:27px;gap:8%}
.variant-final .craft-phone{width:min(100%,375px)}
.variant-final .craft-context{font-size:15px;line-height:1.55;margin-bottom:25px}
.variant-final .decision-text h3{font-size:34px;margin-bottom:14px}
.variant-final .decision-text>p:last-child{font-size:15px;line-height:1.6}
.variant-final .detail-source{left:13.888%;top:38.958%;width:72.222%;height:41.146%;border-radius:4px}
.variant-final .craft-detail{margin-top:25px;max-width:435px}
.variant-final .detail-window{aspect-ratio:780/790;border-radius:4px;box-shadow:none}
.variant-final .detail-window img{width:138.462%;left:-19.23%;top:-94.68%}
@media(max-width:700px){.variant-final .craft-intro h2{font-size:39px}.variant-final .craft-stage{gap:24px;padding:24px 20px}.variant-final .craft-phone{display:none}.variant-final .craft-context{font-size:15px;margin:0}.variant-final .craft-detail{order:1;margin:0;width:100%}.variant-final .detail-window{aspect-ratio:780/1240}.variant-final .detail-window img{top:-24.19%}.variant-final .decision-text{order:2}.variant-final .decision-text h3{font-size:34px}.variant-final .craft-detail figcaption{font-size:10px}.variant-final .decision-text>p:last-child{font-size:15px}.variant-final .craft-foundation{padding-top:22px}}

.craft-screen{position:relative}
.detail-transfer{position:absolute;z-index:3;pointer-events:none;transform-origin:0 0;margin:0}
.media-unavailable .detail-window,.media-unavailable img,.media-unavailable .detail-source{display:none}
.media-fallback{padding:36px 24px;border:1px solid #af845c;background:#f3e3cd;font-size:16px;line-height:1.6;min-height:180px}
.media-fallback[hidden]{display:none}

