:root {
  --rough-frame: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100'%3E%3Cpath d='M3 5C22 2 73 4 97 3c2 26 0 64 1 93-29 2-67 0-95 2C1 74 4 27 3 5Z' fill='none' stroke='%23171714' stroke-width='2' vector-effect='non-scaling-stroke' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.5 4C31 5 70 2.5 96 4.5c1 23 2 68 0 90.5-24 1-71 2-91.5.5C3 68 2 29 4.5 4Z' fill='none' stroke='%23171714' stroke-opacity='.22' stroke-width='.75' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
  --rough-frame-blue: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100'%3E%3Cpath d='M3 5C22 2 73 4 97 3c2 26 0 64 1 93-29 2-67 0-95 2C1 74 4 27 3 5Z' fill='none' stroke='%231557d3' stroke-width='3' vector-effect='non-scaling-stroke' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 3C29 5 71 2 96 5c1 27 2 62 0 90-23 1-69 2-92 0C2 67 3 29 5 3Z' fill='none' stroke='%231557d3' stroke-opacity='.42' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
  --rough-line: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 200 12'%3E%3Cpath d='M1 6C31 2 67 9 103 5s69 3 96-2' fill='none' stroke='%23171714' stroke-width='2' vector-effect='non-scaling-stroke' stroke-linecap='round'/%3E%3Cpath d='M2 8c44-3 78 1 114-1s59 1 82-2' fill='none' stroke='%23171714' stroke-opacity='.2' stroke-width='.7' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
  --rough-line-blue: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 200 12'%3E%3Cpath d='M1 7C38 1 62 10 103 5s66 5 96-2' fill='none' stroke='%231558d6' stroke-width='3.5' vector-effect='non-scaling-stroke' stroke-linecap='round'/%3E%3Cpath d='M3 4c47 2 72 1 109 3 40 2 58-3 84-1' fill='none' stroke='%233978ea' stroke-opacity='.58' stroke-width='1.2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
  --rough-vertical: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 12 200'%3E%3Cpath d='M6 1c-4 36 3 65-1 102s3 70-2 96' fill='none' stroke='%23171714' stroke-width='2' vector-effect='non-scaling-stroke' stroke-linecap='round'/%3E%3Cpath d='M8 2c-2 45 1 78-1 112s2 58-1 83' fill='none' stroke='%23171714' stroke-opacity='.2' stroke-width='.8' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
  --rough-grid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 92'%3E%3Cg fill='none' stroke='%23615445' stroke-opacity='.15' stroke-width='.7' stroke-linecap='round'%3E%3Cpath d='M0 14c17-2 29 2 47-1s30 2 45-1M0 44c14 3 31-2 49 1s29-3 43 0M0 75c19-3 32 2 53-1s25 2 39 0M13 0c-2 19 2 29-1 47s2 30 0 45M45 0c3 15-2 31 1 49s-3 29 0 43M76 0c-3 18 2 33-1 52s2 27 0 40'/%3E%3C/g%3E%3C/svg%3E");
  --crayon-blue: repeating-linear-gradient(176deg, rgba(255,255,255,.08) 0 2px, rgba(4,55,165,.16) 3px 5px, transparent 6px 9px), repeating-linear-gradient(92deg, rgba(255,255,255,.09) 0 1px, transparent 2px 5px), #1558d6;
  --crayon-orange: repeating-linear-gradient(173deg, rgba(255,255,255,.13) 0 2px, rgba(147,39,9,.14) 3px 5px, transparent 6px 9px), #f26b3f;
  --crayon-paper: repeating-linear-gradient(4deg, rgba(88,64,42,.025) 0 1px, transparent 2px 7px), repeating-linear-gradient(94deg, rgba(88,64,42,.018) 0 1px, transparent 2px 8px), #f8f2e7;
}

.sketch-filters { position: absolute; overflow: hidden; pointer-events: none; }
html, body { max-width: 100%; overflow-x: hidden; }
body { background: var(--crayon-paper); font-family: var(--hand); }
body::before, body::after { content: ""; position: fixed; z-index: -1; pointer-events: none; opacity: .14; }
body::before { width: 340px; height: 190px; left: -85px; top: 16%; transform: rotate(-8deg); background: repeating-linear-gradient(7deg, transparent 0 8px, #1558d6 9px 11px, transparent 12px 18px); clip-path: ellipse(46% 36% at 50% 50%); }
body::after { width: 280px; height: 180px; right: -95px; bottom: 9%; transform: rotate(11deg); background: repeating-linear-gradient(-8deg, transparent 0 7px, #f26b3f 8px 10px, transparent 11px 17px); clip-path: ellipse(46% 36% at 50% 50%); }
::selection { color: #fff; background: #1558d6; }

.site-header { height: 96px; border: 0; background: rgba(248,242,231,.96); font-family: var(--hand); }
.site-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: -6px; height: 12px; background: var(--rough-line) center/100% 100% no-repeat; pointer-events: none; }
.brand-mark { width: 72px; height: 47px; }
.brand-mark svg { stroke-width: 2.15; filter: url(#rough-light); }
.brand b { font-size: 25px; transform: rotate(-1.2deg); }
.brand small, .kicker, .panel-title > span { font-family: var(--hand); font-weight: 900; letter-spacing: .12em; }
.main-nav a { font-size: 22px; font-weight: 900; transform: rotate(var(--tilt, 0deg)); }
.main-nav a:nth-child(2n) { --tilt: 1deg; }
.main-nav a:nth-child(3n) { --tilt: -.8deg; }
.main-nav a::after { bottom: -13px; height: 9px; background: var(--rough-line-blue) center/100% 100% no-repeat; }
.text-button { font-size: 20px; font-weight: 900; }
.text-button, .bag-button { filter: url(#rough-light); }

.hero, .studio-section, .product-showcase, .process-section, .inspiration, .help-section { border-bottom: 0; }
.hero::after, .studio-section::after, .product-showcase::after, .process-section::after, .inspiration::after, .help-section::after { content: ""; position: absolute; z-index: 5; left: 0; right: 0; bottom: -5px; height: 12px; background: var(--rough-line) center/100% 100% no-repeat; pointer-events: none; }
.hero { min-height: calc(100vh - 96px); background: var(--crayon-paper); }
.hero-copy::before { content: "✦"; position: absolute; left: 20%; top: 62px; color: #f26b3f; font-size: 25px; transform: rotate(-13deg); }
.hero h1, .section-heading h2, .inspiration-copy h2, .help-section h2, .panel-title h3 { text-shadow: .7px .25px 0 currentColor, -.35px .4px 0 currentColor; filter: url(#rough-light); }
.hero h1 { letter-spacing: -.065em; transform: rotate(-.3deg); }
.hero h1 em::after, .section-heading h2 em::after, .inspiration-copy h2 em::after, .help-section h2 em::after { height: 12px; bottom: -8px; background: var(--rough-line-blue) center/100% 100% no-repeat; }
.eyebrow span { height: 8px; background: var(--rough-line-blue) center/100% 100% no-repeat; }
.hero-copy > p { transform: rotate(.15deg); }
.pet-scene-motion { position: absolute; inset: -7px; z-index: 0; transform: scale(1.012); transform-origin: 55% 50%; }
.pet-gaze-frame { position: absolute; inset: 0; display: block; z-index: 0; opacity: 0; visibility: hidden; }
.pet-gaze-frame.is-visible { z-index: 1; opacity: 1; visibility: visible; }
.micro-gaze { position: absolute; inset: 0; z-index: 2; overflow: hidden; pointer-events: none; }
.micro-eye { position: absolute; background-repeat: no-repeat; border-radius: 50%; pointer-events: none; will-change: background-position; -webkit-mask-image: radial-gradient(ellipse at center, #000 0 42%, rgba(0,0,0,.94) 56%, rgba(0,0,0,.38) 72%, transparent 88%); mask-image: radial-gradient(ellipse at center, #000 0 42%, rgba(0,0,0,.94) 56%, rgba(0,0,0,.38) 72%, transparent 88%); }
.scribble-button, .next-button, .wechat-button { border: 0 !important; border-radius: 0 !important; background: var(--crayon-blue); clip-path: polygon(1% 9%, 7% 4%, 26% 6%, 49% 2%, 72% 5%, 98% 1%, 97% 28%, 100% 51%, 97% 74%, 99% 96%, 72% 93%, 48% 98%, 23% 94%, 2% 100%, 4% 72%, 0 48%, 3% 26%); filter: url(#crayon-edge); box-shadow: none; }
.wechat-button { background: var(--crayon-orange); }
.scribble-button::before { inset: 5px 7px; border: 0; background: var(--rough-frame-blue) center/100% 100% no-repeat; opacity: .75; }
.hero-proof i { width: 9px; height: 7px; border-radius: 38% 62% 44% 56%; background: var(--crayon-orange); filter: url(#rough-light); }
.hero-visual img, .inspiration-photo img, .result-visual img, .pet-crop { filter: none !important; }
.doodle-note, .heart-doodle { filter: url(#rough-light); }
.hero-rail { border: 0; background: rgba(248,242,231,.9); }
.hero-rail::after { content: ""; position: absolute; right: -6px; inset-block: 0; width: 12px; background: var(--rough-vertical) center/100% 100% no-repeat; }
.hero-rail button { position: relative; border: 0; }
.hero-rail button::after { content: ""; position: absolute; left: 2px; right: 2px; top: -5px; height: 10px; background: var(--rough-line) center/100% 100% no-repeat; }
.mini-collar, .mini-tag, .mini-leash { filter: url(#rough-medium); }

.studio-section { background: repeating-linear-gradient(3deg, rgba(40,32,23,.028) 0 1px, transparent 2px 9px), #f0e7d9; }
.studio-section::before { background-image: var(--rough-grid); background-size: 92px 92px; transform: rotate(.15deg) scale(1.01); }
.section-heading { transform: rotate(-.12deg); }
.customizer-shell { border: 0; border-radius: 0; box-shadow: none; overflow: visible; background: #f9f4e9; }
.customizer-shell::after, .product-card::after, .measure-card::after, .result-card::after, .modal-card::after, .tip-card::after, .engrave-safe::after { content: ""; position: absolute; inset: 0; z-index: 4; background: var(--rough-frame) center/100% 100% no-repeat; pointer-events: none; }
.customizer-shell::before { content: ""; position: absolute; inset: 10px 0 -9px 7px; background: rgba(38,30,23,.08); z-index: -1; clip-path: polygon(1% 2%,99% 0,98% 97%,3% 100%); transform: rotate(.2deg); }
.stepper { position: relative; border: 0; background: transparent; }
.stepper::after, .stage-topline::after, .live-specs::before, .panel-nav::before { content: ""; position: absolute; left: 0; right: 0; bottom: -5px; height: 11px; background: var(--rough-line) center/100% 100% no-repeat; pointer-events: none; z-index: 3; }
.stepper .step { filter: url(#rough-light); transform: rotate(var(--step-tilt, 0deg)); }
.stepper .step:nth-of-type(1), .stepper .step:nth-of-type(5) { --step-tilt: -1.4deg; }
.stepper .step:nth-of-type(3) { --step-tilt: .9deg; }
.stepper .step > span { border: 0; border-radius: 0; background: var(--rough-frame) center/100% 100% no-repeat !important; }
.stepper .step.is-active > span { color: #fff; background: var(--crayon-blue) !important; clip-path: polygon(8% 2%, 92% 6%, 99% 88%, 83% 97%, 9% 92%, 2% 16%); }
.stepper .step.is-done > span { color: #fff; background: repeating-linear-gradient(177deg,#24231f 0 3px,#161612 4px 7px) !important; clip-path: polygon(6% 2%, 94% 5%, 98% 89%, 82% 98%, 8% 91%, 1% 13%); }
.stepper > i { border: 0; height: 10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 10'%3E%3Cpath d='M2 5c12-4 19 4 29 0s20 4 31 0 20 4 36-1' fill='none' stroke='%238c867d' stroke-width='2' stroke-dasharray='5 7' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat; }
.model-stage { position: relative; border: 0; background: #e8dfd1; }
.model-stage::after { content: ""; position: absolute; right: -6px; inset-block: 0; width: 12px; z-index: 4; background: var(--rough-vertical) center/100% 100% no-repeat; pointer-events: none; }
.stage-topline { position: relative; border: 0; }
.icon-action { border: 0; border-radius: 0; background: var(--rough-frame) center/100% 100% no-repeat, #f9f4e9; filter: url(#rough-light); transform: rotate(-1deg); }
.icon-action:nth-child(2) { transform: rotate(1deg); }
.canvas-wrap { background: radial-gradient(ellipse at 48% 45%, #fffaf1 0 18%, #eae1d4 56%, #dbd0c0 100%); }
.canvas-wrap::after { content: ""; position: absolute; left: 7%; right: 8%; bottom: 7%; height: 17%; background: repeating-linear-gradient(177deg, rgba(70,54,40,.055) 0 2px, transparent 3px 7px); transform: rotate(-2deg); clip-path: ellipse(48% 31% at 50% 50%); pointer-events: none; }
.rotate-tip, .model-badge { border: 0; border-radius: 0; background: var(--rough-frame) center/100% 100% no-repeat, rgba(248,242,231,.9); filter: url(#rough-light); }
.live-specs { position: relative; border: 0; }
.live-specs::before { top: -6px; bottom: auto; }
.live-specs > div { position: relative; border: 0; }
.live-specs > div:not(:last-child)::after { content: ""; position: absolute; right: -5px; inset-block: 4px; width: 9px; background: var(--rough-vertical) center/100% 100% no-repeat; opacity: .6; }
.config-panel { background: var(--crayon-paper); }
.panel-page { scrollbar-color: #1558d6 transparent; }
.panel-title > span { transform: rotate(-2deg); }

.pet-type, .size-grid button, .product-tabs button, .chip-row button, .pattern-row button, .tag-shapes button, .font-row button, .save-button, .back-button { border: 0 !important; border-radius: 0 !important; background: var(--rough-frame) center/100% 100% no-repeat, rgba(255,253,247,.82); filter: url(#rough-light); box-shadow: none !important; }
.pet-type { transform: rotate(-.6deg); }
.pet-type:nth-child(2) { transform: rotate(.8deg); }
.pet-type.is-active, .size-grid button.is-active, .product-tabs button.is-active, .chip-row button.is-active, .pattern-row button.is-active, .tag-shapes button.is-active, .font-row button.is-active { background: var(--rough-frame-blue) center/100% 100% no-repeat, repeating-linear-gradient(176deg, rgba(21,88,214,.08) 0 3px, transparent 4px 8px), #eef3ff; color: #1558d6; transform: rotate(-1.2deg); }
.pet-type.is-active::after { clip-path: polygon(5% 0,95% 8%,100% 90%,10% 100%,0 15%); background: var(--crayon-blue); filter: url(#rough-medium); }
.field input, .field select, .range-head input { border: 0; border-radius: 0; background: var(--rough-frame) center/100% 100% no-repeat, rgba(255,253,247,.9); filter: url(#rough-light); box-shadow: none !important; }
.field input:focus, .field select:focus, .range-head input:focus { border: 0 !important; background: var(--rough-frame-blue) center/100% 100% no-repeat, rgba(255,253,247,.96); box-shadow: none !important; }
.field:nth-of-type(odd) input, .field:nth-of-type(odd) select { transform: rotate(.15deg); }
.tip-card { position: relative; border: 0; border-radius: 0; background: repeating-linear-gradient(178deg, rgba(21,88,214,.08) 0 2px, transparent 3px 7px), #f2f5ed; }
.tip-card::after { background-image: var(--rough-frame-blue); }

.measure-card { position: relative; border: 0; border-radius: 0; background: #f8f2e7; padding-top: 8px; }
.measure-dog svg { filter: url(#rough-light); }
.measurements-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin: 0 0 15px; }
.measure-input { min-height: 104px; padding: 10px 9px 8px; position: relative; display: flex; flex-direction: column; align-items: stretch; background: var(--rough-frame) center/100% 100% no-repeat, rgba(255,253,247,.78); filter: url(#rough-light); }
.measure-input:nth-child(1) { transform: rotate(-1.1deg); }
.measure-input:nth-child(2) { transform: rotate(.9deg); }
.measure-input:nth-child(3) { transform: rotate(-.45deg); }
.measure-input > span { font-weight: 900; font-size: 14px; }
.measure-input > span i { color: #1558d6; font-style: normal; }
.measure-input b { display: flex; align-items: baseline; margin-top: 3px; }
.measure-input input { min-width: 0; width: 100%; height: 34px; padding: 0 3px; border: 0; background: transparent; outline: 0; font: 900 24px var(--hand); color: #1558d6; }
.measure-input em { font-style: normal; font-size: 11px; }
.measure-input small { color: #777168; font: 700 9px var(--hand); margin-top: auto; }
.range-head > span { color: #1558d6; transform: rotate(-1deg); }
.range-head b { transform: rotate(1deg); }
.hand-range::-webkit-slider-runnable-track { border: 0; border-radius: 0; height: 12px; background: var(--rough-line-blue) center/100% 100% no-repeat; }
.hand-range::-webkit-slider-thumb { border: 0; border-radius: 0; width: 25px; height: 25px; margin-top: -7px; background: var(--crayon-blue); clip-path: polygon(8% 0,90% 5%,100% 84%,81% 100%,5% 91%,0 12%); filter: url(#rough-light); box-shadow: none; }
.size-grid button { transform: rotate(var(--size-tilt, 0deg)); }
.size-grid button:nth-child(1) { --size-tilt: -1.5deg; }
.size-grid button:nth-child(2) { --size-tilt: .7deg; }
.size-grid button:nth-child(3) { --size-tilt: -1deg; }
.size-grid button:nth-child(4) { --size-tilt: 1.2deg; }
.size-result { border: 0; border-radius: 0; background: var(--rough-frame) center/100% 100% no-repeat, repeating-linear-gradient(175deg, rgba(106,132,48,.09) 0 2px, transparent 3px 7px), #e7efd2; filter: url(#rough-light); }
.size-result > span { border-radius: 0; clip-path: polygon(8% 0,91% 7%,100% 84%,77% 100%,4% 92%,0 13%); }

.product-tabs button:nth-child(1), .pattern-row button:nth-child(2), .tag-shapes button:nth-child(3) { transform: rotate(-1.2deg); }
.product-tabs button:nth-child(2), .pattern-row button:nth-child(4) { transform: rotate(.8deg); }
.product-orbit, .tag-shapes i { filter: url(#rough-light); }
.swatch-row button { border: 0; border-radius: 0; background: var(--swatch); clip-path: polygon(7% 0,90% 4%,100% 82%,82% 100%,4% 91%,0 14%); filter: url(#crayon-edge); }
.swatch-row button.is-active { outline: 0; background: var(--rough-frame-blue) center/100% 100% no-repeat, var(--swatch); padding: 7px; transform: rotate(-9deg) scale(1.14); }
.pattern-sample { border-radius: 0; clip-path: polygon(1% 9%,31% 3%,63% 7%,99% 2%,96% 93%,68% 98%,37% 94%,3% 100%); filter: url(#rough-light); }
.engrave-safe { position: relative; border: 0; border-radius: 0; }
.engrave-safe div { border-radius: 0; background: repeating-linear-gradient(176deg,#514e50 0 3px,#464348 4px 7px); clip-path: polygon(1% 5%,99% 0,97% 96%,3% 100%); filter: url(#rough-light); }
.result-card { position: relative; border: 0; border-radius: 0; }
.photo-upload { border: 0; border-radius: 0; background: var(--rough-frame) center/100% 100% no-repeat, rgba(248,242,231,.92); filter: url(#rough-light); transform: rotate(-1deg); }
.result-copy dl div { position: relative; border: 0; }
.result-copy dl div::after { content: ""; position: absolute; left: 0; right: 0; bottom: -4px; height: 8px; background: var(--rough-line) center/100% 100% no-repeat; opacity: .45; }
.done-stamp { border: 0; border-radius: 0; background: var(--rough-frame) center/100% 100% no-repeat; filter: url(#rough-medium); }
.panel-nav { border: 0; background: var(--crayon-paper); }
.panel-nav::before { top: -5px; bottom: auto; }

.product-showcase, .help-section { position: relative; background: var(--crayon-paper); }
.product-card { position: relative; border: 0; border-radius: 0; box-shadow: none; background: #fff9ed; transform: rotate(var(--card-tilt, 0deg)); }
.product-card:nth-child(1) { --card-tilt: -1deg; }
.product-card:nth-child(2) { --card-tilt: .8deg; }
.product-card:nth-child(3) { --card-tilt: -.5deg; }
.product-card .tape { clip-path: polygon(2% 8%,98% 0,95% 92%,5% 100%); background: repeating-linear-gradient(173deg,rgba(113,79,20,.08) 0 2px,transparent 3px 6px),#ead99f; filter: url(#rough-light); }
.product-art { border-radius: 0; clip-path: polygon(1% 3%,31% 1%,64% 3%,99% 0,97% 96%,70% 98%,36% 96%,2% 100%); filter: url(#rough-light); }
.collar-art, .tag-art, .leash-art { filter: url(#rough-medium); }
.process-section { position: relative; background: repeating-linear-gradient(176deg,rgba(255,255,255,.025) 0 2px,transparent 3px 7px),#1e1e1b; }
.process-list { border: 0; background: var(--rough-frame) center/100% 100% no-repeat; }
.process-list li { border: 0; position: relative; }
.process-list li:not(:last-child)::before { content: ""; position: absolute; right: -5px; inset-block: 8px; width: 10px; background: var(--rough-vertical) center/100% 100% no-repeat; filter: invert(1); opacity: .58; }
.process-list span { filter: url(#rough-light); }
.inspiration { position: relative; }
.inspiration-photo { border: 0; }
.inspiration-photo::after { content: ""; position: absolute; right: -5px; inset-block: 0; width: 11px; background: var(--rough-vertical) center/100% 100% no-repeat; }
.inspiration-photo span { border: 0; border-radius: 0; background: var(--rough-frame) center/100% 100% no-repeat, var(--paper); filter: url(#rough-light); }
.inspiration-copy button, .section-heading > button { border: 0; padding-bottom: 12px; background: var(--rough-line-blue) bottom/100% 10px no-repeat; filter: url(#rough-light); }
.faq-list details { border: 0; position: relative; padding-block: 24px; }
.faq-list details::before { content: ""; position: absolute; left: 0; right: 0; top: -5px; height: 10px; background: var(--rough-line) center/100% 100% no-repeat; }
.faq-list details:last-child::after { content: ""; position: absolute; left: 0; right: 0; bottom: -4px; height: 10px; background: var(--rough-line) center/100% 100% no-repeat; }
footer { position: relative; background: var(--crayon-blue); clip-path: polygon(0 2%,15% 0,35% 1%,55% 0,76% 1.5%,100% 0,100% 100%,0 100%); }
footer small { border: 0; background: var(--rough-line) top/100% 10px no-repeat; padding-top: 20px; }
.modal-card { border: 0; border-radius: 0; box-shadow: 10px 12px 0 rgba(0,0,0,.16); background: var(--crayon-paper); }
.design-code { border: 0; background: var(--rough-frame) center/100% 100% no-repeat; filter: url(#rough-light); }
.toast { border-radius: 0; background: repeating-linear-gradient(177deg,#282722 0 3px,#1c1c19 4px 7px); clip-path: polygon(2% 5%,98% 0,96% 94%,4% 100%); filter: url(#rough-light); }

@media (max-width: 900px) {
  .site-header { height: 72px; }
  .site-header::after { bottom: -5px; }
  .brand-mark { width: 55px; }
  .brand b { font-size: 21px; }
  .hero { min-height: 0; }
  .model-stage::after { display: none; }
  .model-stage::before { content: ""; position: absolute; left: 0; right: 0; bottom: -5px; height: 11px; background: var(--rough-line) center/100% 100% no-repeat; z-index: 5; }
  .inspiration-photo::after { right: 0; left: 0; top: auto; bottom: -5px; width: auto; height: 11px; background: var(--rough-line) center/100% 100% no-repeat; }
  .process-list li:not(:last-child)::before { inset-inline: 8px; top: auto; bottom: -5px; width: auto; height: 10px; background: var(--rough-line) center/100% 100% no-repeat; }
}

@media (max-width: 560px) {
  .measurements-grid { grid-template-columns: 1fr 1fr 1fr; gap: 4px; }
  .measure-input { padding-inline: 6px; }
  .measure-input > span { font-size: 11px; }
  .measure-input input { font-size: 20px; }
  .measure-input small { font-size: 7px; }
  .customizer-shell::after { inset: 0; }
}