body[data-story=crease]{--ex-ink:#171415;--ex-paper:#fff5ec;--ex-accent:#ed005a;overflow-x:clip}
.crease-cover{overflow:hidden}.crease-cover>img{transform:scale(calc(1.01 + var(--section-progress,.3)*.045));transform-origin:center}.crease-cover .hero-caption{position:relative;z-index:1}
.crease-fold-title{background:#ed005a;color:#fff5ec;overflow:hidden;padding:50px 6% 45px;perspective:1000px;position:relative}
.crease-fold-title>span{display:block;font:clamp(85px,17vw,270px)/.84 Display,sans-serif;letter-spacing:-.025em;border-top:1px solid #fff5ec70;padding:15px 0 12px;transform-origin:top;transform:rotateX(calc((var(--section-progress,.5) - .5)*22deg));text-shadow:0 10px 20px #81052a30}
.crease-fold-title>span:nth-child(2){font-family:Georgia,serif;font-style:italic;text-align:center;background:linear-gradient(#8e00320f,transparent);transform:rotateX(calc((var(--section-progress,.5) - .5)*-22deg));letter-spacing:-.07em}
.crease-fold-title>span:nth-child(3){text-align:right}.crease-fold-title>i{display:block;font:10px Mono,monospace;font-style:normal;border-top:1px solid #fff5ec70;padding-top:25px}
body[data-story=crease] .band{overflow:hidden;letter-spacing:-.04em}body[data-story=crease] .band span{transform:translateX(calc((var(--section-progress,.5) - .5)*-80px));font-family:Georgia,serif;font-style:italic;text-transform:none}
body[data-story=crease] .chapter h2{letter-spacing:-.035em}body[data-story=crease] .dissection h2,body[data-story=crease] .proof h2{font-family:Georgia,serif;font-style:italic;text-transform:none;letter-spacing:-.065em}
body[data-story=crease] .statement .annotation{font-size:clamp(27px,3vw,44px);transform:rotate(calc(-8deg + var(--section-progress,.4)*12deg))}
body[data-story=crease] .evidence{display:block;width:calc(100% + 12vw);margin-left:-6vw}body[data-story=crease] .evidence figure{transform:none}body[data-story=crease] .evidence img{display:block;width:100%;height:auto}body[data-story=crease] .evidence figcaption{padding-inline:6vw}
body[data-story=crease] .proof figure{transform:rotate(calc(-3deg + var(--section-progress,.4)*5deg));box-shadow:16px 20px 0 #ed005a}
.crease-studio{margin-top:55px;border-top:1px solid #fff8;padding-top:40px;display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;align-items:center}
.crease-studio h3{font:italic clamp(32px,4.2vw,65px)/1.03 Georgia,serif;letter-spacing:-.055em;margin:20px 0}.crease-studio-copy p{font-size:14px;line-height:1.8;max-width:320px}.crease-studio .label{font-size:9px;margin:0}
.crease-press{border:1px solid currentColor;background:#fff5ec;color:#171415;padding:16px 22px;margin-top:30px;display:flex;justify-content:space-between;gap:35px;align-items:center;font:11px Mono,monospace;border-radius:0;cursor:pointer}.crease-press span{font-size:24px;line-height:1}
.crease-fabric{--pattern-color:#ed005a;position:relative;aspect-ratio:1.1;background:#fff5ec;border:1px solid #171415;box-shadow:12px 12px 0 #8e0032;overflow:hidden;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#17141508 3px 4px),repeating-linear-gradient(90deg,transparent 0 3px,#17141508 3px 4px)}
.crease-plate{position:absolute;inset:7% 7% 15%;z-index:3;display:grid;place-items:center;background:linear-gradient(120deg,#ff9fc2,#eb91ab);color:#5d0b2a;font:clamp(32px,4.8vw,65px) Display,sans-serif;letter-spacing:-.02em;border:2px solid #5d0b2a;border-radius:50%;box-shadow:0 12px 0 #930b3b,0 25px 20px #17141540;transform:translateY(-12px) rotate(-7deg);transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .4s ease,box-shadow .4s ease}
.crease-imprint{position:absolute;inset:5% 5% 18%;display:grid;grid-template-columns:repeat(6,1fr);gap:5px;align-items:center;text-align:center;color:var(--pattern-color);font:clamp(20px,3vw,46px) Georgia,serif;opacity:.12;scale:.94;transition:opacity .6s ease,scale .7s cubic-bezier(.22,1,.36,1)}
.crease-imprint:empty::before{content:'✿ ✿ ✿ ✿ ✿ ✿';grid-column:1/-1;font-size:30px;word-spacing:8px;line-height:3}
.crease-pattern-label{position:absolute;bottom:18px;left:5%;right:5%;border-top:1px solid #17141560;padding-top:12px;color:#171415;font:9px/1.5 Mono,monospace}
.crease-studio.is-pressed .crease-plate{transform:translateY(-125%) rotate(-15deg);opacity:0;box-shadow:0 0 0 transparent}.crease-studio.is-pressed .crease-imprint{opacity:1;scale:1}
body[data-story=crease] .swatches{grid-template-columns:repeat(6,minmax(0,1fr))}body[data-story=crease] .swatch{min-width:0;cursor:pointer;transition:transform .3s,box-shadow .3s;appearance:none;padding:12px 6px}body[data-story=crease] .swatch[aria-pressed=true]{box-shadow:0 0 0 4px #ed005a,0 0 0 6px #fff;transform:rotate(0deg) translateY(-5px)}body[data-story=crease] .swatch:focus-visible{outline:3px solid #fff;outline-offset:5px}
body[data-story=crease] .steps{counter-reset:step;gap:20px}body[data-story=crease] .steps article{counter-increment:step;border-top:2px solid #ed005a;padding-top:15px;transform:translateY(calc((var(--section-progress,.5) - .5)*var(--step-shift,0px)))}body[data-story=crease] .steps article:nth-child(2){--step-shift:30px}body[data-story=crease] .steps article:nth-child(3){--step-shift:60px}body[data-story=crease] .steps article:nth-child(4){--step-shift:90px}body[data-story=crease] .steps article:nth-child(5){--step-shift:120px}
body[data-story=crease] .closing{background:#ed005a;color:#fff5ec;overflow:hidden}body[data-story=crease] .closing h2{color:inherit;font:italic clamp(70px,13vw,200px)/.85 Georgia,serif;text-transform:none;letter-spacing:-.07em;transform:translateX(calc((var(--section-progress,.5) - .5)*40px))}
.experience-reduced .crease-cover>img,.experience-reduced .crease-fold-title>span,.experience-reduced .band span,.experience-reduced .steps article,.experience-reduced .closing h2{transform:none!important}
@media(max-width:760px){.crease-fold-title{padding:35px 6%}.crease-fold-title>span{font-size:23vw;padding:10px 0}.crease-fold-title>i{font-size:8px}.crease-studio{grid-template-columns:1fr;gap:30px;margin-top:35px}.crease-studio h3{font-size:42px}.crease-fabric{width:calc(100% - 10px)}.crease-plate{font-size:13vw}.crease-imprint{font-size:8vw;gap:3px}.crease-pattern-label{font-size:8px;bottom:12px}body[data-story=crease] .steps article{transform:none}body[data-story=crease] .swatch{padding:10px 3px}body[data-story=crease] .proof figure{box-shadow:8px 10px 0 #ed005a}.crease-cover .hero-caption{font-size:7px}.crease-press{font-size:10px}body[data-story=crease] .closing h2{font-size:20vw}}

@media(max-width:760px){body[data-story=crease] .swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Archive views reveal the underside and the object between uses. */
.crease-archive{position:relative;overflow:hidden;isolation:isolate}.crease-archive figure{margin:0}.crease-archive a{display:block}.crease-archive img{width:100%;height:100%;object-fit:cover}.crease-wide-picture{height:clamp(440px,68vw,900px);position:relative;overflow:hidden}.crease-wide-picture>a{height:100%}.crease-wide-picture img{object-position:50% 55%}.crease-lightwash{position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 43%,#ffe4bd18 50%,transparent 57%);pointer-events:none;animation:crease-window-light 14s ease-in-out infinite alternate}
.crease-archive-closeup{background:#151411;color:#f4e3cb}.crease-archive-closeup figcaption{padding:55px 6%;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end}.crease-archive h2{font:clamp(45px,6vw,90px)/.98 Display,sans-serif;text-transform:uppercase}.crease-archive h2 em{font:italic .85em Georgia,serif;text-transform:none}.crease-archive .label{display:block;font:9px Mono;letter-spacing:.07em;margin-bottom:23px}.crease-archive p{font:15px/1.75 Inter,sans-serif;max-width:480px}.crease-archive small{display:block;font:9px/1.65 Mono;margin-top:25px}
.crease-material-pair{background:#f4e5e7;color:#4a1729;padding:90px 6%}.crease-pair-heading{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0 8%;align-items:end;margin-bottom:45px}.crease-pair-heading .label{grid-column:1/-1}.crease-pair-images{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:30px}.crease-pair-images a{aspect-ratio:1;overflow:hidden}.crease-pair-images figure:nth-child(2){margin-top:70px}.crease-pair-images img{object-position:50% 50%}.crease-pair-images figcaption{font:9px/1.6 Mono;padding-top:15px}.crease-ambient-pleats{position:absolute;inset:-15%;background:repeating-linear-gradient(120deg,transparent 0 69px,#6e20440a 70px 72px,transparent 73px 140px);pointer-events:none;animation:crease-pleats 16s ease-in-out infinite alternate}
@keyframes crease-window-light{to{transform:translateX(13%);opacity:.4}}@keyframes crease-pleats{to{transform:translateX(36px)}}
@media(max-width:650px){.crease-wide-picture{height:64svh;min-height:380px}.crease-wide-picture img{object-position:57% 50%}.crease-archive-closeup figcaption{grid-template-columns:1fr;gap:25px;padding:40px 6%}.crease-archive h2{font-size:52px}.crease-archive p{font-size:14px}.crease-material-pair{padding:60px 6%}.crease-pair-heading{grid-template-columns:1fr;gap:25px}.crease-pair-heading .label{margin:0}.crease-pair-images{grid-template-columns:1fr;gap:30px}.crease-pair-images figure:nth-child(2){margin-top:0}}

/* Scroll from the old domestic rule into a new creative ritual. */
body[data-story=crease] .crease-reframe{--cross-out:clamp(0,calc((var(--section-progress,0) - .2)*3.5),1);padding-block:75px;text-align:center}
body[data-story=crease] .crease-reframe .crease-correction{display:table;position:relative;margin-inline:auto;font:inherit;text-transform:uppercase;transform:none;opacity:calc(1 - var(--cross-out)*.55)}
.crease-correction::after{content:'';position:absolute;inset:48% -2% auto;height:7px;background:#392021;transform:rotate(-3deg) scaleX(var(--cross-out));transform-origin:left center}
body[data-story=crease] .crease-reframe .crease-creation{display:block;transform:translateY(calc((1 - var(--cross-out))*15px));opacity:calc(.55 + var(--cross-out)*.45);font-size:clamp(35px,6.7vw,110px);margin-top:20px}
.experience-reduced .crease-reframe{--cross-out:1!important}
@media(max-width:760px){body[data-story=crease] .crease-reframe{padding:55px 5%;font-size:8.5vw}.crease-correction::after{height:4px}body[data-story=crease] .crease-reframe .crease-creation{font-size:9vw}}