.dm-journey{position:relative;height:230svh;background:#e9e2d6;color:#132c39}.dm-stage{position:sticky;top:0;min-height:690px;height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 23% 60%,#fbf6e9,#e9e2d6 65%)}.dm-wordmark{position:absolute;top:18px;left:3%;right:3%;font:400 16vw/.9 var(--serif);letter-spacing:-.055em;color:#263e4610;white-space:nowrap;pointer-events:none}.dm-scene{position:absolute;left:0;top:15%;width:67%;height:74%}.dm-canvas{display:block;width:100%;height:100%}.dm-scene-tag{position:absolute;bottom:4%;left:8%;font:8px var(--sans);letter-spacing:.18em;color:#7d7c70}.dm-copy{position:absolute;left:65%;right:4%;top:23%;z-index:2}.dm-copy h1{font:400 clamp(39px,3.9vw,66px)/1.05 var(--serif);letter-spacing:-.045em}.dm-copy h1 em{color:#9a6046}.dm-copy>.eyebrow{font-size:8px;letter-spacing:.16em}.dm-caption{margin:40px 0 28px;min-height:130px;max-width:310px}.dm-caption>span{font-size:8px;letter-spacing:.15em;color:#99664c}.dm-caption h2{font:400 26px/1.2 var(--serif);letter-spacing:-.02em;margin:12px 0}.dm-caption p{font-size:12px;margin:12px 0;line-height:1.65;max-width:275px}.dm-fine{font-size:9px!important;max-width:290px;margin-top:15px;line-height:1.6}.dm-footer{position:absolute;left:5%;right:5%;bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:28px}.dm-colours{display:flex;gap:12px;align-items:center}.dm-colours button{width:21px;height:21px;border-radius:50%;background:var(--dm-chip);border:2px solid #e9e2d6;outline:1px solid #263e4630;padding:0}.dm-colours button[aria-pressed=true]{outline:1px solid #132c39;outline-offset:3px}.dm-colours>span{font-size:10px;margin-left:8px;min-width:65px}.dm-chapters{display:flex;gap:22px}.dm-chapters button{border:0;font:10px var(--sans);color:#817f72;padding:10px 0;display:flex;gap:7px}.dm-chapters button span{font-size:8px;opacity:.65}.dm-chapters button[aria-pressed=true]{color:#132c39;border-bottom:1px solid #132c39}.dm-controls{display:flex;gap:15px}.dm-controls button{border:0;padding:12px 0;font-size:9px;color:#576158}.dm-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#132c3915}.dm-progress span{display:block;width:100%;height:100%;background:#ad6e4e;transform:scaleX(0);transform-origin:left}#drawer-studio{scroll-margin-top:20px}.reduced .dm-journey{height:100svh;min-height:690px}
@media(max-width:1000px){.dm-copy{left:62%;top:22%}.dm-copy h1{font-size:43px}.dm-scene{width:66%;left:-3%}.dm-chapters{gap:12px}.dm-colours{gap:8px}.dm-colours>span{min-width:0}.dm-footer{gap:20px}.dm-caption{margin:25px 0;min-height:120px}}
@media(max-width:700px){.dm-journey{height:210svh}.dm-stage{min-height:760px;height:100svh}.dm-wordmark{font-size:18vw;top:20px;left:3%}.dm-copy{top:11%;left:6%;right:6%}.dm-copy>.eyebrow{font-size:7px;margin-bottom:12px}.dm-copy h1{font-size:clamp(36px,8vw,49px)}.dm-copy h1 br{display:none}.dm-copy h1 em{display:block}.dm-caption{position:absolute;top:150px;left:0;right:0;margin:0;min-height:0;max-width:100%}.dm-caption h2{font-size:22px;margin:8px 0}.dm-caption p{font-size:11px;margin:8px 0;max-width:260px}.dm-copy>.btn{position:absolute;top:465px;left:0;right:0;display:flex;justify-content:space-between;padding:13px 18px;font-size:10px}.dm-copy>.dm-fine{position:absolute;top:510px;max-width:100%;font-size:8px!important;line-height:1.4}.dm-scene{top:36%;left:0;right:0;width:100%;height:37%}.dm-scene-tag{display:none}.dm-footer{left:6%;right:6%;bottom:20px;display:grid;grid-template-columns:1fr auto;gap:15px;padding-bottom:20px}.dm-chapters{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:5px}.dm-chapters button{font-size:9px}.dm-controls{justify-content:flex-end;gap:12px}.dm-colours{gap:10px}.dm-colours button{width:18px;height:18px}.dm-colours>span{font-size:8px;margin-left:3px;min-width:0}.dm-controls button{font-size:8px}.reduced .dm-journey{min-height:760px}}
@media(max-width:380px){.dm-colours{gap:7px}.dm-colours button{width:16px;height:16px}.dm-copy h1{font-size:37px}.dm-stage{min-height:780px}.dm-copy{top:10%}.dm-scene{top:36%;height:34%}}
@media(prefers-reduced-motion:reduce){.dm-journey{height:100svh;min-height:760px}.dm-stage{position:relative}}
.dc-presets{padding:28px;margin:0 0 28px;background:#e8e1d4;border:1px solid #d7d0c2}.dc-presets .eyebrow{font-size:8px;margin-bottom:10px}.dc-presets h2{font-size:31px}.dc-presets p{font-size:12px;max-width:700px;margin:12px 0}.dc-preset-choices{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.dc-preset-choices button{background:#f7f3eb;border:1px solid #ccc5b8;padding:12px 18px;font-size:12px}.dc-preset-choices button[aria-pressed=true]{background:#18303d;color:#fff;border-color:#18303d}.dc-contents-toggle{display:flex;align-items:center;gap:9px;font-size:12px;margin:16px 0}.dc-contents-toggle input{display:inline;width:16px;height:16px;accent-color:#19303c;margin:0}.dc-presets .dc-note{font-size:10px!important;margin-bottom:0}.dc-example-caption{color:#6d614e}.dc-preset-choices button:focus-visible{outline:2px solid #bd6748;outline-offset:3px}@media(max-width:700px){.dc-presets{padding:21px}.dc-presets h2{font-size:27px}.dc-preset-choices{gap:7px}.dc-preset-choices button{padding:10px 12px;font-size:10px}}
.dc-layout{grid-template-columns:210px minmax(300px,1fr) 320px;gap:20px}.dc-module-library{background:#eee8dd;border:1px solid #ded6c8;padding:20px 15px;align-self:start}.dc-module-library h3{font:25px/1.12 var(--serif);font-weight:400}.dc-module-library>p:not(.dc-kicker){font-size:10px;margin:12px 0;color:#827765}.dc-module-library .dc-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:15px 0 0}.dc-module-library .dc-module-grid button{background:#f8f4ec;padding:7px;border-radius:4px}.dc-module-library .dc-module-grid svg{height:58px}.dc-module-library .dc-module-grid strong{font-size:9px}.dc-module-library .dc-module-grid small{font-size:8px}.dc-palette-note{border-left:2px solid #b27555;padding:5px 0 5px 12px;font-size:11px!important}.dc-visual{top:20px}.dc-layout .dc-canvas-wrap{height:490px}.dc-layout .dc-toolbar{padding:15px}.dc-layout .dc-toolbar button{font-size:10px;padding:9px 11px}.dc-layout .dc-stats{padding:15px;font-size:10px}.dc-layout .dc-stats b{font-size:21px}.dc-panel .dc-step{padding:24px}.dc-panel .dc-summary{padding:23px}.dc-heading{margin-bottom:24px}
@media(min-width:1600px){.dc-shell{max-width:1560px}.dc-layout{grid-template-columns:240px minmax(400px,1fr) 350px}.dc-layout .dc-canvas-wrap{height:580px}}
@media(max-width:1100px){.dc-layout{grid-template-columns:180px minmax(260px,1fr) 285px;gap:13px}.dc-module-library{padding:16px 10px}.dc-module-library h3{font-size:22px}.dc-layout .dc-canvas-wrap{height:440px}.dc-layout .dc-toolbar{padding:12px;gap:7px}.dc-layout .dc-toolbar button{padding:8px;font-size:9px}.dc-panel .dc-step{padding:20px}.dc-panel .dc-summary{padding:20px}}
@media(max-width:900px){.dc-layout{display:flex;flex-direction:column;gap:18px}.dc-visual{order:1;width:100%;position:relative;top:auto}.dc-module-library{order:2;width:100%}.dc-panel{order:3;width:100%}.dc-module-library .dc-module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dc-module-library .dc-module-grid strong{font-size:10px}.dc-module-library .dc-module-grid small{font-size:9px}.dc-layout .dc-canvas-wrap{height:370px}.dc-layout .dc-toolbar button{font-size:11px}.dc-module-library .dc-module-grid svg{height:65px}}
@media(max-width:430px){.dc-module-library .dc-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dc-layout .dc-canvas-wrap{height:330px}}