/* The pen is the scene. The editor appears only when a visitor chooses to make a mark. */
.brand-site .signature-cinema{position:relative;background:#eeeeea;color:#111;margin-top:45px}.brand-site .cinema-stage{position:relative;height:100svh;min-height:720px;max-height:1200px;overflow:hidden;background:radial-gradient(ellipse at 58% 35%,#fff 0%,#f6f6f2 38%,#e8e8e2 100%);isolation:isolate}.cinema-stage:after{content:'';position:absolute;inset:0;box-shadow:inset 0 -1px #00000012;pointer-events:none;z-index:0}.brand-site .signature-cinema.cinema-scroll{height:280svh}.cinema-scroll .cinema-stage{position:sticky;top:0;max-height:none;min-height:0}
.cinema-meta{position:absolute;left:var(--gutter);right:var(--gutter);top:120px;display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.08em;color:#666;z-index:3}.cinema-meta>span:last-child{font-size:9px}.cinema-intro,.cinema-finale{position:absolute;left:var(--gutter);top:26%;font-family:Senator Display,'Helvetica Neue',Arial,sans-serif;font-size:clamp(76px,10.8vw,180px);letter-spacing:-.065em;line-height:.92;font-weight:400;z-index:2;max-width:86%}.cinema-intro>span,.cinema-finale>span{display:block}.cinema-writing-copy{position:absolute;left:var(--gutter);top:24%;font-family:Senator Display,'Helvetica Neue',Arial,sans-serif;font-size:clamp(36px,4.6vw,72px);letter-spacing:-.05em;line-height:1.06;z-index:2;opacity:0;visibility:hidden}.cinema-writing-copy>span{display:block}.cinema-line{position:absolute;left:6%;top:37%;width:88%;height:42%;overflow:visible;z-index:1;opacity:.15;pointer-events:none}.cinema-line path{fill:none;stroke:#151515;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.cinema-finale{top:30%;font-size:clamp(86px,12vw,200px);opacity:0;visibility:hidden}.cinema-pen{position:absolute;left:0;top:0;width:0;height:0;z-index:4;pointer-events:none;will-change:transform;filter:drop-shadow(20px 24px 16px #0002);transform-origin:0 0}.cinema-pen>img{position:absolute;left:0;top:0;height:clamp(470px,70svh,850px);width:auto;max-width:none;transform:translate(-48.44%,-100%);display:block}.cinema-footer{position:absolute;left:var(--gutter);right:var(--gutter);bottom:62px;display:flex;align-items:end;justify-content:space-between;gap:40px;z-index:6}.cinema-chapters{display:grid;grid-template-columns:auto auto auto;gap:12px 30px;color:#666;font-size:10px;letter-spacing:.02em}.cinema-chapters>span{opacity:.4}.cinema-chapters>i{height:1px;background:#0002;grid-column:1/-1;display:block;overflow:hidden}.cinema-chapters>i>i{width:100%;height:100%;background:#111;display:block;transform:scaleX(0);transform-origin:left}.cinema-actions{display:flex;gap:28px;align-items:center}.brand-site .cinema-actions .btn{min-height:55px;border-radius:30px;background:#111;color:#fff;padding:15px 22px;gap:30px;font-size:13px;border:1px solid #111}.brand-site .cinema-actions .btn:hover{background:#333}.brand-site .cinema-replay{font-size:11px;gap:10px}.cinema-replay>svg{width:15px;height:15px}.cinema-scroll .cinema-replay{display:none}.cinema-skip{position:absolute;right:var(--gutter);bottom:22px;display:flex;align-items:center;gap:12px;font-size:10px;line-height:1.7;color:#666;z-index:6}.cinema-skip>svg{width:13px;height:13px}
/* A quieter home: one main product story, direct routes and less repeated imagery. */
.brand-site[data-page="index.html"] .object-selection{padding-block:90px 60px}.brand-site[data-page="index.html"] .object-selection-head{margin-bottom:36px}.brand-site[data-page="index.html"] .selected-grid{grid-template-columns:1.1fr 1fr 1fr;gap:26px 22px}.brand-site[data-page="index.html"] .selected-product-lead .selected-product-visual{aspect-ratio:.85}.brand-site[data-page="index.html"] .selected-product-visual{aspect-ratio:1.6}.brand-site[data-page="index.html"] .selected-product-visual>img{padding:34px 15px 18px}.brand-site[data-page="index.html"] .selected-product-lead .selected-product-visual>img{padding:40px 5px}.brand-site[data-page="index.html"] .selection-next{margin-top:35px}.brand-site .product-world-compact .world-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.brand-site .product-world-compact .world-image{aspect-ratio:.9;height:auto}.brand-site .product-world-compact .world-heading{display:block;margin-top:20px}.brand-site .product-world-compact .world-heading h3{font-size:29px;margin-top:13px;line-height:1.1}.brand-site .product-world-compact .world-card>p{font-size:13px;line-height:1.8;margin-top:16px}.brand-site[data-page="index.html"] .journal-grid{gap:30px}.brand-site[data-page="index.html"] .journal-card:nth-child(n){padding-top:0}.brand-site[data-page="index.html"] .journal-image{aspect-ratio:1.5}.brand-site[data-page="index.html"] .journal-card h3{font-size:clamp(28px,2.7vw,41px)}.brand-site[data-page="index.html"] .partner-finale{padding-block:65px}
/* Personalisation remains an intentional, full-size layer. */
body.brand-site .signature-editor-backdrop{padding:18px;z-index:3500;place-items:center;background:#0009;backdrop-filter:blur(12px)}body.brand-site .signature-editor-backdrop:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr)}body.brand-site .signature-editor{background:#f5f5f0;color:#111;width:100%;max-width:1250px;max-height:calc(100dvh - 36px);padding:0 0 28px;border-radius:12px;overflow-y:auto;overscroll-behavior:contain}body.brand-site .signature-editor>.wrap{max-width:none;padding:0 36px}.signature-editor-head{display:flex;align-items:center;justify-content:space-between;padding:20px 36px;border-bottom:1px solid #dadad3;margin-bottom:28px}.signature-editor-head>img{width:112px;height:auto}.signature-editor-head .icon-button{border:1px solid #ccc;border-radius:50%;background:transparent;width:42px;height:42px}.signature-editor-head .icon-button:hover{background:#111;color:white}.brand-site .signature-editor .signature-heading{grid-template-columns:1.1fr 1fr;gap:40px;margin-bottom:22px;align-items:center}.brand-site .signature-editor .signature-heading h2{font-size:clamp(35px,4vw,58px);line-height:1;margin-top:12px}.signature-editor .signature-heading .eyebrow{color:#666}.signature-editor .signature-heading p{font-size:13px;color:#666;line-height:1.6;margin-bottom:9px}.signature-editor .signature-invitation{font-size:12px;color:#111}.signature-editor .signature-paper{background-color:#fff;background-image:none;border:1px solid #d9d9d3;height:min(38svh,380px);min-height:240px;border-radius:5px;margin-inline:0}.signature-editor .writing-pen>img{position:absolute;left:0;top:0;height:260px;width:auto;max-width:none;transform:translate(-48.44%,-100%) rotate(32deg);transform-origin:48.44% 100%}.signature-editor .signature-tools>button{color:#111;border-color:#d5d5cd}.signature-editor .signature-tools>button:hover,.signature-editor .signature-tools>button[aria-pressed=true]{background:#111;color:#fff;border-color:#111}.signature-editor .signature-name{color:#666}.signature-editor .signature-name input{color:#111;border-color:#bbb}.signature-editor .signature-after{color:#777}.signature-editor .signature-after a{color:#111}.brand-site .signature-editor .signature-transfer{background:#111;color:#fff;border-color:#111}.brand-site .signature-editor .signature-transfer:disabled{background:#e4e4dd;color:#999;border-color:#e4e4dd}.signature-editor :focus-visible{outline-color:#111}
@media(max-width:1000px){.brand-site .product-world-compact .world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 22px}.brand-site .product-world-compact .world-image{aspect-ratio:1.2}.cinema-intro{font-size:clamp(74px,10vw,115px)}.cinema-chapters{gap:12px 17px}.cinema-actions{gap:20px}.cinema-meta{top:110px}}
@media(max-width:700px){.brand-site .signature-cinema{margin-top:25px}.brand-site .cinema-stage{height:90svh;min-height:670px;max-height:900px}.cinema-meta{top:38px;font-size:8px;gap:20px;left:24px;right:24px}.cinema-meta>span:last-child{font-size:7px}.cinema-intro{left:24px;top:22%;font-size:clamp(55px,14vw,93px);max-width:calc(100% - 48px);line-height:.96}.cinema-finale{left:24px;top:25%;font-size:clamp(64px,18vw,100px);max-width:85%;line-height:.95}.cinema-writing-copy{left:24px;top:20%;font-size:clamp(30px,8vw,48px);max-width:75%}.cinema-line{top:36%;height:35%;left:8%;width:84%}.cinema-pen>img{height:380px}.cinema-footer{left:24px;right:24px;bottom:70px;display:block}.cinema-chapters{font-size:8px;gap:9px 18px;grid-template-columns:repeat(3,1fr);margin-bottom:25px}.cinema-actions{justify-content:space-between;gap:12px;align-items:center}.brand-site .cinema-actions .btn{font-size:11px;min-height:48px;gap:16px;padding:12px 16px}.brand-site .cinema-replay{font-size:9px;max-width:120px;text-align:left;line-height:1.6;gap:8px}.cinema-skip{right:24px;bottom:24px;font-size:9px}.brand-site[data-page="index.html"] .selected-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 15px}.brand-site[data-page="index.html"] .selected-product-lead{grid-column:1/-1;grid-row:auto}.brand-site[data-page="index.html"] .selected-product-lead .selected-product-visual{aspect-ratio:1.12}.brand-site[data-page="index.html"] .selected-product-visual{aspect-ratio:1}.brand-site[data-page="index.html"] .selected-product-lead .selected-product-visual>img{padding:25px 0}.brand-site[data-page="index.html"] .object-selection{padding-top:65px}.brand-site .product-world-compact .world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 15px}.brand-site .product-world-compact .world-image{aspect-ratio:1}.brand-site .product-world-compact .world-heading h3{font-size:23px}.brand-site .product-world-compact .world-card>p{font-size:12px}.brand-site .product-world-compact .world-heading{margin-top:15px}.brand-site[data-page="index.html"] .journal-grid{gap:35px}body.brand-site .signature-editor-backdrop{padding:8px}body.brand-site .signature-editor{max-height:calc(100dvh - 16px);padding-bottom:22px;border-radius:9px}body.brand-site .signature-editor>.wrap{padding:0 20px}.signature-editor-head{padding:14px 20px;margin-bottom:24px}.brand-site .signature-editor .signature-heading{grid-template-columns:1fr;gap:15px}.brand-site .signature-editor .signature-heading h2{font-size:36px;line-height:1.05}.signature-editor .signature-heading>div:last-child{max-width:none}.signature-editor .signature-heading p{display:none}.signature-editor .signature-invitation{font-size:12px}.signature-editor .signature-paper{height:270px;min-height:0;margin:0}.signature-editor .writing-pen>img{height:190px}.signature-editor .signature-after{font-size:10px}.signature-editor .signature-workbench{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.cinema-replay{display:none}.cinema-pen{will-change:auto}}
/* Give the raster a real paint box; avoid zero-size filtered compositor layers. */
.cinema-pen{--pen-height:clamp(470px,70svh,850px);--pen-width:calc(var(--pen-height) * 130 / 1642);width:var(--pen-width);height:var(--pen-height);filter:none;overflow:visible}.cinema-pen>img{height:var(--pen-height);width:var(--pen-width);left:calc(var(--pen-width) * -.4844);top:calc(var(--pen-height) * -1);transform:none;filter:drop-shadow(18px 22px 13px #0002)}
@media(max-width:700px){.cinema-pen{--pen-height:380px}}
.cinema-intro,.cinema-finale{letter-spacing:-.045em}.cinema-writing-copy{letter-spacing:-.03em}.cinema-line path{vector-effect:none;stroke-width:2.8}.signature-editor [data-signature-demo]{vector-effect:none;stroke-width:4}
@media(max-width:700px){.cinema-line path{stroke-width:4}}
.brand-site .cinema-replay{border:0;background:transparent;color:#555;padding:10px 0;min-height:44px;cursor:pointer}.cinema-replay [data-cinema-play],.cinema-replay [data-cinema-pause]{display:flex}.cinema-replay [data-cinema-pause]{display:none}.cinema-replay[aria-pressed=true] [data-cinema-play]{display:none}.cinema-replay[aria-pressed=true] [data-cinema-pause]{display:flex}.cinema-replay svg{width:15px;height:15px}
@media(max-width:700px){.cinema-finale{font-size:clamp(48px,15vw,70px);max-width:calc(100% - 48px)}.cinema-intro span,.cinema-finale span{overflow-wrap:anywhere}}
.cinema-scroll-hint{display:none}.cinema-scroll .cinema-scroll-hint{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.02em;color:#777}.cinema-scroll-hint>svg{width:13px;height:13px}