.d17-demo{--paper:#eee7d9;--ink:#1c2430;--red:#a6362c;background:var(--paper);min-height:100vh;color:var(--ink);font-family:Arial,Noto Sans SC,sans-serif}.d17-demo *{box-sizing:border-box}.d17-demo a{color:inherit;text-decoration:none}.d17-header{z-index:5;border-bottom:1px solid #1c243033;justify-content:space-between;align-items:center;width:100%;height:84px;padding:0 3.5vw;display:flex;position:absolute;top:0;left:0}.d17-brand{letter-spacing:.08em;align-items:center;gap:12px;font-weight:900;display:flex}.d17-brand>b{border:1px solid;padding:9px}.d17-brand span{font-size:12px;display:grid}.d17-brand small{opacity:.55;font:8px/1.4 monospace}.d17-header nav{text-transform:uppercase;gap:30px;font:700 10px/1 monospace;display:flex}.d17-header-cta,.d17-cta>a{background:var(--red);color:#fff8ec;text-transform:uppercase;padding:13px 18px;font:800 10px/1 monospace}.d17-hero{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) 35%;min-height:840px;padding:142px 5vw 60px;display:grid;position:relative;overflow:hidden}.d17-hero:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(16.666% - 1px),#1c243012 calc(16.666% - 1px) 16.666%);position:absolute;inset:84px 0 0}.d17-hero-meta{letter-spacing:.14em;grid-column:1/-1;justify-content:space-between;font:700 9px/1 monospace;display:flex}.d17-hero-title{z-index:1;align-self:center;max-width:900px;position:relative}.d17-hero-title>p,.d17-interaction header>p,.d17-method header>p{letter-spacing:.16em;color:var(--red);font:700 10px/1 monospace}.d17-hero h1{letter-spacing:-.07em;white-space:pre-line;max-width:950px;margin:24px 0;font:900 clamp(64px,8.6vw,150px)/.84 Georgia,Noto Serif SC,serif}.d17-hero-title>span{max-width:570px;font-size:16px;line-height:1.7;display:block}.d17-paper-stack{align-self:center;height:440px;position:relative}.d17-paper-stack i{background:#f7f1e7;border:1px solid #1c243047;position:absolute;inset:35px 12% 0;transform:rotate(5deg)}.d17-paper-stack i:nth-child(2){transform:rotate(-6deg)translate(-20px,10px)}.d17-paper-stack i:nth-child(3){transform:rotate(1deg)translate(7px,-8px)}.d17-paper-stack b{z-index:1;color:var(--red);font:900 170px/.8 Georgia;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.d17-paper-stack span{z-index:2;font:700 9px monospace;position:absolute;bottom:8%;right:14%}.d17-pain{border-top:1px solid;grid-column:1/-1;margin:0;padding-top:28px;font:italic 26px/1.25 Georgia}.d17-intro{background:var(--ink);color:var(--paper);grid-template-columns:18% 1fr auto;align-items:start;gap:5vw;padding:110px 8vw;display:grid}.d17-intro p,.d17-intro span{letter-spacing:.14em;font:700 9px/1.4 monospace}.d17-intro h2{max-width:950px;margin:0;font:400 clamp(32px,4.7vw,76px)/1.03 Georgia,Noto Serif SC,serif}.d17-interaction{padding:120px 5vw}.d17-interaction>header{grid-template-columns:18% 1fr 28%;align-items:end;gap:4vw;display:grid}.d17-interaction h2,.d17-method h2,.d17-questions h2{letter-spacing:-.04em;margin:0;font:700 clamp(40px,6vw,92px)/.95 Georgia,Noto Serif SC,serif}.d17-interaction header>span,.d17-method header>span{font-size:14px;line-height:1.7}.d17-triage{border:1px solid;grid-template-columns:1.2fr 1fr .78fr;margin-top:60px;display:grid}.d17-tabs{background:var(--ink);grid-template-columns:repeat(4,1fr);gap:8px;min-height:540px;padding:25px;display:grid}.d17-tabs span{min-height:72px;color:var(--paper);border:1px solid #eee7d93d;padding:10px;transition:all .5s;position:relative}.d17-tabs span.is-folded{opacity:.12;transform:scale(.4)}.d17-tabs b{font:700 9px monospace}.d17-tabs i{background:var(--red);border-radius:50%;width:5px;height:5px;position:absolute;top:9px;right:9px}.d17-desk{border-left:1px solid;padding:35px}.d17-desk fieldset{border:0;margin:0 0 28px;padding:0}.d17-desk legend,.d17-desk label>span{letter-spacing:.12em;margin-bottom:12px;font:700 10px monospace}.d17-desk fieldset>button{text-align:left;background:0 0;border:0;border-bottom:1px solid #1c243033;gap:15px;width:100%;padding:13px 0;display:flex}.d17-desk fieldset>button.is-active{color:var(--red)}.d17-desk fieldset>button b{font:700 9px monospace}.d17-segmented{display:flex}.d17-segmented button{background:0 0;border:1px solid;border-right:0;flex:1;padding:10px 6px;font-size:10px}.d17-segmented button:last-child{border-right:1px solid}.d17-segmented button.is-active{background:var(--ink);color:var(--paper)}.d17-desk label{gap:10px;display:grid}.d17-desk label b{color:var(--red);font-size:12px}.d17-generate{background:var(--red);color:#fff;border:0;width:100%;margin-top:30px;padding:18px;font-weight:800}.d17-brief{background:#f7f1e7;border-left:1px solid;padding:35px}.d17-brief>p:first-child{font:700 9px monospace}.d17-brief>span{color:#a6362c29;margin:30px 0 8px;font:900 100px/.8 Georgia;display:block}.d17-brief h3{font:700 30px/1 Georgia}.d17-brief p{line-height:1.6}.d17-brief dl{margin-top:40px}.d17-brief dl div{border-top:1px solid;justify-content:space-between;padding:12px 0;font-size:11px;display:flex}.d17-brief.is-ready{box-shadow:inset 7px 0 var(--red)}.d17-method{background:#d5c6ae;padding:120px 7vw}.d17-method>header{grid-template-columns:18% 1fr 28%;gap:4vw;display:grid}.d17-method ol{margin:70px 0 0 18%;padding:0;list-style:none}.d17-method li{border-top:1px solid;grid-template-columns:120px 1fr;padding:30px 0;display:grid}.d17-method li>b{color:var(--red);font:700 13px monospace}.d17-method h3{margin:0 0 8px;font:700 26px Georgia}.d17-method li p{max-width:650px;margin:0;line-height:1.6}.d17-questions{grid-template-columns:38% 1fr;gap:8vw;padding:120px 8vw;display:grid}.d17-questions header>span{color:var(--red);font:700 10px monospace}.d17-questions details{border-top:1px solid}.d17-questions summary{cursor:pointer;justify-content:space-between;padding:25px 0;font-weight:800;display:flex}.d17-questions summary::marker{display:none}.d17-questions details p{max-width:650px;padding:0 0 25px;line-height:1.6}.d17-cta{background:var(--red);color:#fff8ec;text-align:center;padding:130px 8vw 160px}.d17-cta>p,.d17-cta>small{font:700 9px/1.5 monospace}.d17-cta h2{margin:30px 0 10px;font:700 clamp(55px,8vw,130px)/.9 Georgia}.d17-cta>span{margin-bottom:35px;font-size:18px;display:block}.d17-cta>a{background:var(--ink);display:inline-block}.d17-cta>small{opacity:.7;max-width:700px;margin:35px auto 0;display:block}.d17-footer{background:var(--ink);color:var(--paper);letter-spacing:.1em;justify-content:space-between;align-items:center;padding:35px 4vw;font:700 9px monospace;display:flex}@media (max-width:820px){.d17-header{height:64px;padding:0 18px}.d17-header nav,.d17-header-cta{display:none}.d17-hero{min-height:790px;padding:105px 22px 34px;display:block}.d17-hero-meta span:last-child{display:none}.d17-hero h1{margin-top:70px;font-size:clamp(56px,18vw,88px);line-height:.9}.d17-paper-stack{opacity:.55;width:58%;height:260px;position:absolute;bottom:75px;right:-50px}.d17-paper-stack b{font-size:100px}.d17-pain{font-size:17px;position:absolute;bottom:34px;left:22px;right:22px}.d17-intro{padding:80px 22px;display:block}.d17-intro p,.d17-intro span{margin-bottom:28px;display:block}.d17-intro h2{font-size:36px}.d17-interaction{padding:80px 16px}.d17-interaction>header,.d17-method>header{display:block}.d17-interaction h2,.d17-method h2,.d17-questions h2{margin:16px 0;font-size:44px}.d17-triage{display:block}.d17-tabs{grid-template-columns:repeat(6,1fr);min-height:230px;padding:12px}.d17-tabs span{min-height:42px}.d17-desk,.d17-brief{border-top:1px solid;border-left:0}.d17-method{padding:80px 22px}.d17-method ol{margin:50px 0 0}.d17-method li{grid-template-columns:56px 1fr}.d17-questions{padding:80px 22px;display:block}.d17-questions>div{margin-top:45px}.d17-cta{padding:90px 22px 140px}.d17-footer{gap:14px;padding-bottom:90px;display:grid}.d17-footer>a{display:none}}@media (prefers-reduced-motion:reduce){.d17-demo *{scroll-behavior:auto!important;transition:none!important}}