.welcome{padding:82px 0 54px;text-align:center;max-width:1000px;margin:auto}.welcome .eyebrow{margin-bottom:25px}.welcome h1{font-size:clamp(3.3rem,7.3vw,7rem);line-height:1.04;max-width:12ch;margin:0 auto 25px;font-weight:550;letter-spacing:-.065em}.welcome h1 em{font-style:normal;color:var(--link)}.welcome-copy{max-width:54ch;margin:0 auto;color:var(--muted);font-size:1.16rem;line-height:1.65}.colour-invitation{margin:34px auto 0}.colour-main{display:inline-flex;align-items:center;gap:17px;border:1px solid var(--line);border-radius:999px;padding:16px 24px;background:var(--surface);color:var(--ink);font-size:1.02rem;box-shadow:0 8px 30px color-mix(in srgb,var(--ink) 6%,transparent);transition:transform .2s,border-color .2s}.colour-main:hover{transform:translateY(-2px);border-color:var(--link)}.colour-main .theme-disc{width:25px;height:25px}.colour-main .chevron{font-size:1rem;transition:transform .3s}.colour-main[aria-expanded=true] .chevron{transform:rotate(180deg)}.colour-caption{margin:12px 0 0;font-size:.875rem;color:var(--muted)}.colour-studio{max-width:900px;margin:30px auto 0;text-align:left;border:1px solid var(--line);border-radius:20px;padding:26px;background:var(--surface)}.colour-studio[hidden]{display:none}.colour-studio .theme-options{grid-template-columns:repeat(4,minmax(0,1fr))}.theme-option .palette-name{display:flex;align-items:center;gap:7px;font-weight:600;margin-top:9px}.theme-option .palette-description{display:block;font-size:.78rem;line-height:1.4;margin-top:5px;opacity:.85}.theme-option .palette{height:36px}.palette-values{display:flex;gap:8px;flex-wrap:wrap;font-family:ui-monospace,monospace;font-size:.75rem;color:var(--muted);margin-top:16px}.colour-studio-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.colour-studio-bottom label{font-size:.875rem;display:flex;align-items:center;gap:10px}.colour-studio-bottom input{width:45px;height:36px;padding:2px;border:1px solid var(--line);border-radius:5px;background:var(--surface)}.palette-notes{font-size:.875rem;color:var(--muted);margin-top:18px}.palette-notes p{font-size:.875rem}.continue-link{display:inline-flex;align-items:center;gap:12px;margin-top:33px;font-size:.9rem;text-decoration:none;color:var(--ink)}.continue-link span{font-size:1.2rem;color:var(--link)}
.fold-section{padding:40px 0 78px;overflow:hidden}.fold-intro{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:30px}.fold-intro h2{font-size:clamp(2rem,4vw,3.2rem);margin:0}.fold-intro p{max-width:34ch;margin:0;color:var(--muted);font-size:.95rem}.fold-scene{--open:0;position:relative;min-height:385px;perspective:1600px;display:flex;align-items:center;justify-content:center;padding:15px 0 30px}.fold-book{position:relative;width:33.333%;height:315px;transform-style:preserve-3d;transform:rotateX(calc((1 - var(--open)) * 5deg));transition:transform 1.8s cubic-bezier(.2,.75,.2,1)}.fold-panel{position:absolute;inset:0;padding:28px;background:var(--surface);border:1px solid var(--line);box-shadow:0 22px 40px color-mix(in srgb,var(--ink) 8%,transparent);backface-visibility:hidden;transition:transform 1.8s cubic-bezier(.2,.75,.2,1),opacity .5s}.fold-panel h3{font-size:1.5rem;line-height:1.2;margin:18px 0 14px}.fold-panel p{font-size:.9rem;color:var(--muted);margin:0}.fold-panel .overline{font-size:.75rem}.fold-middle{z-index:2;border-radius:4px;display:flex;flex-direction:column;justify-content:space-between}.fold-left{right:100%;left:auto;width:100%;transform-origin:right center;transform:rotateY(calc((1 - var(--open)) * 168deg));border-radius:15px 0 0 15px;opacity:var(--open)}.fold-right{left:100%;right:auto;width:100%;transform-origin:left center;transform:rotateY(calc((var(--open) - 1) * 168deg));border-radius:0 15px 15px 0;opacity:var(--open)}.fold-cover{position:absolute;inset:0;z-index:4;border:1px solid var(--line);border-radius:15px;background:var(--soft);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;opacity:calc(1 - var(--open));pointer-events:none;transition:opacity .4s}.fold-cover strong{font-size:clamp(2rem,3vw,3rem);line-height:1.08;letter-spacing:-.05em;font-weight:550}.fold-cover p{margin:19px 0 0;font-size:.9rem;color:var(--muted)}.fold-cover .overline{margin:0 0 22px}.fold-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:2px}.fold-controls p{font-size:.85rem;color:var(--muted);margin:0}.fold-controls .button{min-width:160px}.fold-panel table{font-size:.8rem;margin-top:24px}.fold-panel td,.fold-panel th{padding:9px 4px}.fold-mini-model{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:.78rem;margin-top:14px}.fold-mini-model span{padding:9px;border:1px solid var(--line);border-radius:5px}.fold-mini-model b{grid-column:1/-1;padding:11px;border-radius:5px;background:var(--soft);font-weight:500;text-align:center}.fold-mini-bars{margin-top:20px;display:grid;gap:14px}.fold-mini-bars div{display:grid;grid-template-columns:75px 1fr;align-items:center;gap:8px;font-size:.75rem;color:var(--muted)}.fold-mini-bars i{height:9px;border-radius:2px;background:var(--link);width:var(--w)}.fold-panel a{font-size:.875rem}.fold-open .fold-cover{visibility:hidden;transition:opacity .4s,visibility 0s .4s}.fold-open{--open:1}.home-work{border-top:1px solid var(--line)}.about-you-invite{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:var(--soft);padding:50px;border-radius:14px}.about-you-invite h2{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:0}.about-you-invite p{color:var(--muted);font-size:1rem}.about-you-invite .text-link{font-size:1rem}
@media(max-width:850px){.colour-studio .theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.fold-panel{padding:20px}.fold-panel h3{font-size:1.25rem}.fold-panel p{font-size:.875rem}.fold-book{height:340px}.about-you-invite{gap:35px;padding:34px}}@media(max-width:650px){.welcome{padding:48px 0 35px}.welcome-copy{font-size:1rem}.colour-main{font-size:.93rem;padding:14px 18px}.colour-studio{padding:18px}.fold-section{padding:24px 0 48px}.fold-intro{display:block}.fold-intro p{margin-top:16px;max-width:none}.fold-scene{min-height:340px;padding:0}.fold-book{width:100%;max-width:400px;height:300px}.fold-panel{padding:25px}.fold-left,.fold-right{position:relative;inset:auto;width:100%;transform:rotateX(calc((1 - var(--open))*-85deg));transform-origin:top;border-radius:10px;margin-top:14px;box-shadow:none}.fold-middle{position:relative;inset:auto;border-radius:10px;height:300px}.fold-cover{height:300px}.fold-scene.fold-open{display:block;min-height:0}.fold-open .fold-book{height:auto;margin:auto;display:flex;flex-direction:column;transform:none}.fold-open .fold-left{order:2;min-height:290px}.fold-open .fold-middle{order:1}.fold-open .fold-right{order:3;min-height:290px}.fold-scene:not(.fold-open) .fold-left,.fold-scene:not(.fold-open) .fold-right{display:none}.fold-controls{margin-top:22px;flex-direction:column;gap:10px}.about-you-invite{grid-template-columns:1fr;gap:20px;padding:28px}.about-you-invite h2{font-size:2.3rem}}
@media(prefers-reduced-motion:reduce){.fold-panel,.fold-book,.fold-cover,.colour-main{transition:none}.fold-book,.fold-left,.fold-right{transform:none}.fold-scene:not(.fold-open) .fold-left,.fold-scene:not(.fold-open) .fold-right{visibility:hidden}}

.fold-left,.fold-right{filter:brightness(calc(.7 + var(--open)*.3)) blur(calc((1 - var(--open))*2px));transition:transform 1.8s cubic-bezier(.2,.75,.2,1),opacity .5s,filter 1.8s}.fold-scene.is-scrubbing .fold-panel,.fold-scene.is-scrubbing .fold-book,.fold-scene.is-scrubbing .fold-cover{transition:none}.fold-scrubber{display:flex;align-items:center;gap:12px;font-size:.85rem;color:var(--muted)}.fold-scrubber input{width:170px;accent-color:var(--link)}.fold-controls{flex-wrap:wrap}.fold-panel .overline{font-size:.75rem}.fold-panel p{line-height:1.55}
@media(max-width:650px){.fold-scrubber{display:none}.fold-left,.fold-right{filter:none}}@media(prefers-reduced-motion:reduce){.fold-left,.fold-right{transition:none;filter:none}.fold-scrubber{display:none}}

@media(min-width:651px){.fold-book{height:430px}.fold-scene{min-height:495px}.fold-panel h3{font-size:1.45rem}.fold-panel table{margin-top:18px}.fold-panel td,.fold-panel th{padding:7px 4px}}@media(max-width:650px){.fold-scene{min-height:380px}.fold-book{height:360px}.fold-middle{height:auto;min-height:360px}.fold-cover{height:360px}.fold-open .fold-left,.fold-open .fold-right{min-height:330px}}

.colour-studio .theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}.colour-studio .theme-option .palette-description{opacity:1;font-size:.81rem;line-height:1.6}.fold-section{overflow-anchor:none}.about-grid .prose strong{font-weight:750}.about-ending{grid-column:1/-1;padding:40px 0 0;border-top:1px solid var(--line);margin-top:4px}.about-ending>p:last-child{font-size:clamp(1.8rem,3.8vw,3.3rem);line-height:1.35;letter-spacing:-.045em;font-weight:450;margin:0;max-width:none}.about-ending strong{font-weight:800}.about-ending .life-word{color:var(--series-two)}.about-ending .work-word{color:var(--series-one)}
@media(max-width:850px){.colour-studio .theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.about-ending{padding-top:28px}}
@media(max-width:450px){.colour-studio .theme-options{grid-template-columns:1fr}.colour-studio .theme-option .palette{height:28px}}

.about-ending .life-more{color:color-mix(in srgb,var(--series-two) 82%,var(--shade-end,#000))}.about-ending .work-more{color:color-mix(in srgb,var(--series-one) 82%,var(--shade-end,#000))}

/* A small invitation with a little fire; the motion finishes by itself. */
.colour-main{background:linear-gradient(135deg,#C43D32,#9D2438);color:#FFF;border-color:#B73335;box-shadow:0 9px 24px #A3273838;transform-origin:50% 100%;font-weight:650}.colour-main:hover{border-color:#8B1F30;box-shadow:0 12px 30px #A327384d}.colour-main .theme-disc{border-color:#FFF;background:linear-gradient(90deg,#FFF 50%,#F0AD6D 50%)}.colour-main.colour-bounce{animation:colour-dock-bounce 1.65s cubic-bezier(.3,.05,.25,1) both}.colour-main[aria-expanded=true]{animation:none;transform:none}.colour-main:active{transform:translateY(1px) scale(.985)}
@keyframes colour-dock-bounce{0%,12%,42%,67%,85%,100%{transform:translateY(0) scale(1)}24%{transform:translateY(-14px) scale(1.015)}47%{transform:translateY(1px) scale(1.025,.975)}56%{transform:translateY(-7px)}74%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.colour-main.colour-bounce{animation:none}.colour-main:hover{transform:none}}

.colour-main[data-invitation-dismissed=true]{animation:none;transform:none;transition:none}

.fold-section{overflow:clip}.fold-track.is-pinned{height:var(--fold-height)}.fold-track.is-pinned .fold-stage{position:sticky;top:var(--fold-top)}

.colour-studio .theme-option .palette{height:28px}.colour-studio .theme-option .palette-description{margin-top:12px;font-size:.875rem;line-height:1.6}