.cp-page{--cp-table:#101010;--cp-ink:#121212;--cp-paper:var(--sa-cream)}.cp-page main{background:var(--cp-table)}.cp{--img:clamp(560px, 54vw, 920px);--img-h:calc(var(--img) * .6667);--lift:44px;--slot:clamp(calc(var(--img-h) * .371), 30svh, calc(var(--lift) + var(--img-h) * .478));--paper:min(372px, calc(var(--img) * .561 * .86));padding:0 var(--m15-margin);background:var(--cp-table);min-height:100svh;color:var(--m15-ink);grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;display:grid;position:relative}.cp-ask{box-sizing:border-box;flex-direction:column;grid-column:1/span 5;min-height:100svh;padding:clamp(96px,11svh,124px) 0 30px;display:flex}.cp-top{justify-content:space-between;align-items:baseline;gap:24px;display:flex}.cp-title{font-family:var(--font-display);font-size:clamp(26px,2.1vw,34px);font-weight:var(--font-display-weight);font-stretch:var(--font-display-stretch);letter-spacing:-.02em;color:var(--m15-ink-5);margin:0;line-height:1}.cp-progress{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--m15-ink-5);white-space:nowrap;align-items:baseline;gap:26px;font-size:11px;font-weight:500;display:flex}.cp-count b{color:var(--m15-ink);font-weight:600;display:inline-block}.cp-back{all:unset;cursor:pointer;font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--m15-ink-4);transition:color var(--t-quick) var(--e-out), opacity var(--t-standard) var(--e-out);font-size:11px;font-weight:500;position:relative}.cp-back:before{content:"←  "}.cp-back:after{content:"";width:100%;min-width:44px;height:100%;min-height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (hover:hover) and (pointer:fine){.cp-back:hover{color:var(--m15-accent)}}.cp-back:focus-visible{outline-offset:4px;outline:1px solid}.cp-back[hidden]{visibility:hidden;opacity:0;transition:color var(--t-quick) var(--e-out), opacity var(--t-standard) var(--e-out), visibility 0s linear var(--t-standard);display:inline}.cp-back.cp-again{margin-left:26px}.cp-back.cp-again:before{content:none}.cp-form{margin:clamp(30px,6svh,64px) 0 0}:root:not(.cp-js) .cp-form,:root:not(.cp-js) .cp-progress{display:none}.cp-stage{display:grid}.cp-step{border:0;grid-area:1/1;min-width:0;margin:0;padding:0}.cp-js .cp-step:not(.is-on){visibility:hidden;pointer-events:none}.cp-js .cp-step :is(.cp-help,.cp-opt,.cp-field,.cp-act,.cp-fine){visibility:hidden}.cp-js .cp-stage.is-live .cp-step.is-on :is(.cp-help,.cp-opt,.cp-field,.cp-act,.cp-fine){visibility:visible}.cp-js .cp-stage:not(.is-live) .cp-step,.cp-js .cp-progress:not(.is-live),.cp-js .cp-foot:not(.is-live){visibility:hidden}.cp-q{max-width:11ch;font-family:var(--font-display);font-size:min(var(--m15-say-2), 8.6svh);font-weight:var(--font-display-weight,750);font-stretch:var(--font-display-stretch,96%);letter-spacing:-.02em;color:var(--m15-ink);outline:none;margin:0;line-height:.98}.cp-q .cp-ln{clip-path:inset(-.12em -.4em -.3em);display:block}.cp-q .cp-li{will-change:transform;display:block}.cp-help{max-width:40ch;min-height:1.5em;font-family:var(--font-body);color:var(--m15-ink-4);margin:16px 0 0;font-size:17px;line-height:1.5}.cp-help a{color:inherit}.cp-opts{margin:clamp(22px,3.2svh,32px) 0 0}.cp-opt{border-bottom:1px solid var(--m15-rule);cursor:pointer;display:block;position:relative}.cp-opt:first-child{border-top:1px solid var(--m15-rule)}.cp-opt input{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.cp-row{height:clamp(42px,5.4svh,54px);transition:background-color var(--t-quick) var(--e-out);grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:16px;padding:0 2px;display:grid}.cp-lab{font-family:var(--font-body);color:var(--m15-ink-3);transition:color var(--t-quick) var(--e-out), transform var(--t-standard) var(--e-out);font-size:19px;font-weight:475;line-height:1.2}.cp-box{box-sizing:border-box;border:1px solid var(--m15-rule-hot);width:14px;height:14px;transition:background-color var(--t-quick) var(--e-out), border-color var(--t-quick) var(--e-out);border-radius:3px;position:relative}.cp-box:after{content:"";border:solid var(--sa-cream);opacity:0;width:4px;height:8px;transition:opacity var(--t-quick) var(--e-out), transform var(--t-standard) var(--e-out);border-width:0 1.5px 1.5px 0;position:absolute;top:1px;left:4px;transform:rotate(45deg)scale(.4)}.cp-arrow{opacity:0;width:16px;height:10px;color:var(--m15-ink);transition:opacity var(--t-quick) var(--e-out), transform var(--t-standard) var(--e-out);background:currentColor;transform:translate(-8px);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='M0 5h14M10 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='M0 5h14M10 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") 50%/contain no-repeat}@media (hover:hover) and (pointer:fine){.cp-opt:hover .cp-lab{color:var(--m15-ink);transform:translate(6px)}.cp-opt:hover .cp-box{border-color:var(--m15-ink-4)}.cp-opt:hover .cp-arrow{opacity:1;transform:none}}.cp-opt input:focus-visible+.cp-row{outline:1px solid var(--m15-ink-4);outline-offset:-1px}.cp-opt input:checked+.cp-row{background:#f5f4f10b}.cp-opt input:checked+.cp-row .cp-lab{color:var(--m15-ink);transform:translate(6px)}.cp-opt input:checked+.cp-row .cp-box{background:var(--sa-red);border-color:var(--sa-red)}.cp-opt input:checked+.cp-row .cp-box:after{opacity:1;transform:rotate(45deg)scale(1)}.cp-opt input:checked+.cp-row .cp-arrow{opacity:1;color:var(--sa-red);transform:none}.cp-act{align-items:center;gap:22px;min-height:46px;margin:clamp(22px,3.2svh,32px) 0 0;display:flex}.cp-act .cp-fine{margin:0 0 0 auto}.cp-act .cp-go{transition:opacity var(--t-standard) var(--e-out)}.cp-act .cp-go[aria-disabled=true]{opacity:.32}.cp-hint{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--m15-ink-5);font-size:11px;font-weight:500}.cp-hint[data-warn="1"]{color:var(--m15-accent)}.cp-fields{grid-template-columns:1fr 1fr;gap:clamp(14px,2.2svh,22px) 24px;margin:clamp(22px,3.2svh,32px) 0 0;display:grid}.cp-field{align-content:start;gap:4px;min-width:0;display:grid}.cp-wide{grid-column:1/-1}.cp-field label{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--m15-ink-5);transition:color var(--t-quick) var(--e-out);font-size:11px;font-weight:500}.cp-field input,.cp-field textarea{all:unset;box-sizing:border-box;width:100%;min-width:0;color:var(--m15-ink);caret-color:var(--sa-red);border-bottom:1px solid var(--m15-rule-hot);transition:border-color var(--t-quick) var(--e-out);padding:8px 0 9px;font-size:18px;font-weight:475;line-height:1.4;display:block}.cp-field textarea{resize:none;field-sizing:content;white-space:pre-wrap;min-height:1.4em;max-height:2.8em;overflow-y:auto}.cp-field textarea::placeholder{color:var(--m15-ink-5);opacity:1}.cp-field input:focus,.cp-field textarea:focus{border-bottom-color:var(--m15-ink)}.cp-field:focus-within label{color:var(--m15-ink-3)}.cp-field[data-warn="1"] label{color:var(--m15-accent)}.cp-field[data-warn="1"] input{border-bottom-color:var(--m15-accent)}.cp-field input:-webkit-autofill{-webkit-text-fill-color:var(--m15-ink);transition:background-color 9999s}.cp-fine{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--m15-ink-5);margin:14px 0 0;font-size:11px;font-weight:500}.cp-fine a{color:inherit;text-decoration:underline;text-decoration-color:var(--m15-rule-hot);text-underline-offset:3px}@media (hover:hover) and (pointer:fine){.cp-fine a:hover{color:var(--m15-accent)}}.cp-foot{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--m15-ink-5);flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-top:auto;padding-top:24px;font-size:11px;font-weight:500;display:flex}.cp-tel{font-family:var(--font-body);letter-spacing:0;text-transform:none;color:var(--m15-ink-2);transition:color var(--t-quick) var(--e-out);font-size:17px;font-weight:475;text-decoration-color:var(--m15-rule-hot)!important}@media (hover:hover) and (pointer:fine){.cp-tel:hover{color:var(--m15-ink)}}.cp-tel:focus-visible{outline-offset:4px;outline:1px solid}.cp-noscript{text-transform:none;letter-spacing:0;font-family:var(--font-body);font-size:16px}.cp-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cp-desk{margin-right:calc(var(--m15-margin) * -1);grid-column:6/-1;align-self:start;height:100svh;position:sticky;top:0;overflow:clip}.cp-machine{z-index:1;position:absolute;inset:0}.cp-blade{display:none}.cp-gl{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cp-desk.is-gl .cp-paper{opacity:0}.cp-desk.is-gl .cp-led{transition:none}.cp-desk.is-3d .cp-shot,.cp-desk.is-3d .cp-led,.cp-desk.is-cut:not(.is-gl) .cp-shot{visibility:hidden}.cp-fly{z-index:6;pointer-events:none;position:fixed;inset:0;overflow:clip}.cp-flyw{white-space:nowrap;transform-origin:50%;will-change:transform, opacity;position:absolute}.cp-shot{object-fit:cover;object-position:50% 50%;pointer-events:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16%);mask-image:linear-gradient(90deg,#0000,#000 16%)}.cp-shot img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;display:block}.cp-led{background:radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--sa-red) 82%, #fff) 0, var(--sa-red) 54%, color-mix(in srgb, var(--sa-red) 78%, #000) 100%);width:6%;height:4%;box-shadow:0 0 0 2px #0009, 0 0 22px 2px color-mix(in srgb, var(--sa-red) 45%, transparent);opacity:0;transition:opacity .42s var(--e-out);pointer-events:none;border-radius:50%;position:absolute;top:63.67%;left:30.73%;transform:translate(-50%,-50%)}.cp-desk[data-printing="1"] .cp-led{opacity:1;transition-duration:.12s}.cp-led:after{content:"";aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--sa-red) 22%, transparent), transparent);mix-blend-mode:screen;border-radius:50%;width:520%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cp-paper{left:50%;bottom:var(--slot);width:var(--paper);margin-left:calc(var(--paper) / -2);z-index:2;background-color:var(--cp-paper);color:var(--cp-ink);transform-origin:50% 100%;background-image:linear-gradient(0deg,#00000057,#0000 20px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(90deg,#0000000d,#0000 10% 90%,#0000000d);position:absolute;box-shadow:0 1px #00000080,0 22px 40px -16px #000000bf}.cp-paper:before{content:"";background:var(--cp-paper);height:4px;position:absolute;top:-3px;left:0;right:0;-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/5.5px 4px repeat-x;mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/5.5px 4px repeat-x}.cp-roll{min-height:14px}.cp-feed{display:flow-root;position:relative}.cp-js .cp-feed:not(.is-out){display:none}.cp-feed.is-feeding{overflow:hidden}.cp-in{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;padding:0 26px 14px;font-size:13px;font-weight:500;line-height:1.8}.cp-feed:first-child .cp-in{padding-top:24px}.cp-in p{margin:0}.cp-mark{width:46px;height:auto;margin:0 0 12px;display:block}.cp-hd{letter-spacing:.14em;font-size:14px;font-weight:600}.cp-k{color:#1212128c}.cp-split{justify-content:space-between;align-items:baseline;gap:18px;display:flex}.cp-split>:first-child{color:#1212128c;flex:none}.cp-split>:last-child{text-align:right;overflow-wrap:anywhere;min-width:0}.cp-right{text-align:right;overflow-wrap:anywhere}.cp-right:empty{display:none}.cp-lit{text-transform:none;letter-spacing:.02em}.cp-dash{background:repeating-linear-gradient(90deg, var(--cp-ink) 0 5px, transparent 5px 9px);height:1px;margin:2px 0 12px!important}.cp-pick{align-items:center;gap:12px;display:flex}.cp-pick:before{content:"";background:currentColor;flex:none;width:7px;height:7px}.cp-studio-question{font-family:var(--font-display);font-size:32px;font-weight:var(--font-display-weight);font-stretch:var(--font-display-stretch);letter-spacing:-.02em;text-transform:none;line-height:1.05;margin:8px 0 4px!important}.cp-big{font-family:var(--font-display);font-size:34px;font-weight:var(--font-display-weight,750);font-stretch:var(--font-display-stretch,96%);letter-spacing:-.015em;text-transform:none;line-height:1.02;margin:8px 0 2px!important}.cp-code{width:100%;height:46px;fill:var(--cp-ink);margin:12px 0 8px;display:block}.cp-note{letter-spacing:.14em;color:#12121299;font-size:11px}[data-block=sent] .cp-in{padding-bottom:26px}.cp-paper[data-cut="1"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(90deg,#0000000d,#0000 10% 90%,#0000000d);box-shadow:0 2px #0006,0 40px 70px -24px #000000d9}@media (width<=900px){.cp{--img:150vw;--lift:0px;--slot:68px;--paper:min(320px, calc(var(--img) * .561 * .9));overflow-anchor:none;flex-direction:column;min-height:0;padding:0;display:flex}.cp-desk{flex:none;order:-1;align-self:stretch;height:200px;margin:56px 0 0;transition:height 1s cubic-bezier(.65,0,.35,1);position:relative}.cp-desk.is-brief{height:max(300px,36svh)}.cp-desk.is-cut{height:600px;transition-duration:2.5s}.cp-desk:not(.is-3d){transition:none}.cp-shot{-webkit-mask-image:none;mask-image:none}.cp-desk:after{content:"";background:linear-gradient(to bottom, #10101000, var(--cp-table));z-index:3;pointer-events:none;height:44px;position:absolute;bottom:0;left:0;right:0}.cp-step[data-step=making] .cp-act{z-index:4;margin-left:calc(var(--m15-margin) * -1);margin-right:calc(var(--m15-margin) * -1);padding:18px var(--m15-margin) max(16px, env(safe-area-inset-bottom));background:var(--cp-table);position:sticky;bottom:0}.cp-ask{min-height:0;padding:20px var(--m15-margin) 44px}.cp-title{font-size:26px}.cp-form{margin-top:18px}.cp-q{max-width:12ch;font-size:clamp(34px,9.6vw,44px)}.cp-help{margin-top:12px;font-size:16px}.cp-opts,.cp-fields,.cp-act{margin-top:20px}.cp-row{height:48px}.cp-lab{font-size:18px}.cp-field[data-need=email],.cp-field:last-child{grid-column:1/-1}.cp-act{flex-wrap:wrap;row-gap:14px}.cp-act .cp-fine{flex-basis:100%;margin:0}.cp-in{padding:0 20px 12px;font-size:14px;line-height:1.5}.cp-feed:first-child .cp-in{padding-top:20px}.cp-big,.cp-studio-question{font-size:30px}.cp-foot{padding-top:36px}}@media (width>=901px) and (width<=1180px){.cp-ask{grid-column:1/span 6}.cp-desk{grid-column:7/-1}.cp{--img:clamp(520px, 60vw, 700px)}}@media (prefers-reduced-motion:reduce){.cp-step,.cp-step *{transition-property:none}.cp-lab,.cp-arrow,.cp-box:after{transition:none}}@media (width<=900px) and (height<=700px){.cp-step[data-step=making] .cp-act{position:static}}
