@font-face{font-family:Fraunces;src:url('assets/fonts/fraunces.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Fraunces;src:url('assets/fonts/fraunces-italic.ttf') format('truetype');font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:Outfit;src:url('assets/fonts/outfit.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--cream:#f3eadb;--wine:#4a2026;--olive:#555b36;--caramel:#ca8b50;--copper:#a84d2a;--sand:#e5d6bf;--serif:Fraunces,Georgia,serif;--sans:Outfit,sans-serif;--gutter:clamp(1.4rem,6.3vw,7.5rem);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--wine);color:var(--wine);font-family:var(--sans);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border-radius:0}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3,dl,dd{margin:0}[hidden]{display:none!important}::selection{background:var(--caramel);color:var(--wine)}:where(a,button,video):focus-visible{outline:2px solid currentColor;outline-offset:5px}h1,h2,h3{font-family:var(--serif);font-weight:380;font-variation-settings:'SOFT' 25,'WONK' 1;line-height:1.02;letter-spacing:-.055em}h2{font-size:clamp(3rem,5.7vw,6.5rem)}h3{font-size:clamp(1.4rem,2.2vw,2.5rem)}em{font-weight:350}h1:focus,h2:focus{outline:none}
/* The document owns scrolling. Panels become fixed only after content is measured. */
.scene{position:relative}.scene-panel{position:relative;min-height:var(--viewport-height,100svh);padding:clamp(6rem,12svh,9rem) var(--gutter) clamp(3rem,7svh,6rem);display:flex;align-items:center;background:var(--cream);transform-origin:50% 48%}.scene-content{width:100%;max-width:1400px;margin-inline:auto}.cinematic .scene-panel{position:fixed;inset:0 0 auto;visibility:hidden;pointer-events:none;will-change:transform,opacity}.cinematic .scene-panel.is-active{visibility:visible;pointer-events:auto;z-index:2}.skip-link,.scene-continue{position:fixed;z-index:50;top:1rem;left:1rem;padding:.8rem 1.3rem;background:var(--cream);color:var(--wine);transform:translateY(-200%)}.scene-continue{position:absolute;top:auto;bottom:1.1rem;left:auto;right:var(--gutter);transform:none;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip-link:focus{transform:none}.scene-continue:focus{clip-path:none;width:auto;height:auto;overflow:visible;outline:2px solid var(--wine);outline-offset:3px}
.floating-signature{position:fixed;z-index:30;left:clamp(1rem,2.2vw,2.5rem);top:1.6rem;width:170px;transform-origin:0 0;line-height:0}
.floating-signature{color:var(--wine)}.floating-signature .signature-lettering{width:100%;position:relative}.floating-signature[data-tone=light]{color:var(--wine)}.floating-signature[data-tone=dark]{color:#f3eadb}.floating-signature[data-tone=dark] .signature-lettering{filter:brightness(0) invert(.95) sepia(.22) drop-shadow(0 1px 3px #241b1740)}
.floating-signature:focus-visible{outline:1px solid currentColor;outline-offset:9px}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* The opening is finite: the last written character settles before 4.4 seconds. */
.hero{height:var(--viewport-height,100svh);min-height:0;padding:0;overflow:hidden;isolation:isolate;background:var(--wine)}.signature-sheet{position:absolute;top:50%;left:-8%;width:116%;padding:1.5rem 8% 2.5rem;background:var(--cream);color:var(--wine);transform:translateY(-50%) rotate(-8deg);box-shadow:0 25px 65px #28101755;animation:sheet-arrive 1.7s var(--ease) .3s both}.hero h1{width:86vw;max-width:1200px;margin:0 auto;line-height:1}.hero h1 img{width:100%;animation:signature-arrive 1.55s var(--ease) .7s both}.slogan{text-align:center;font:400 clamp(1rem,1.7vw,1.6rem)/1.5 var(--serif);letter-spacing:-.015em}.slogan em{white-space:nowrap}
@keyframes sheet-arrive{from{transform:translate(-110%,-35%) rotate(-16deg)}to{transform:translate(0,-50%) rotate(-8deg)}}@keyframes signature-arrive{from{opacity:0;transform:translateX(-7%) rotate(-3deg)}to{opacity:1;transform:none}}

/* V7 — a small film made of photographed worlds, paper and warm light. */
.writing-line{display:inline-block;white-space:nowrap}.written-character{display:inline-block;white-space:pre;animation:write-character 220ms linear var(--write-delay,0ms) both}@keyframes write-character{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}
.scene-panel:not(.hero){isolation:isolate;padding-top:clamp(6.7rem,13svh,9rem);padding-bottom:clamp(3rem,6svh,5rem)}
.scene-content{position:relative;z-index:1;min-width:0;max-width:1320px}.scene-atmosphere{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.scene-atmosphere img{width:100%;height:100%;object-fit:cover}.scene-atmosphere:after{content:'';position:absolute;inset:0}
.edition-line{display:flex;justify-content:space-between;gap:1.5rem;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;line-height:1.6;grid-column:1/-1;margin-bottom:1.2rem}.edition-line h2{font:inherit;letter-spacing:inherit}.edition-line>:last-child{text-align:right}.scene-panel h2{text-wrap:balance}.scene-panel h2 em{font-weight:350}
/* A letter left in the afternoon light. */
.letter{background:#39261d;color:var(--cream)}.letter-atmosphere img{object-position:35% 60%}.letter-atmosphere:after{background:linear-gradient(90deg,#2919104d,transparent 65%)}
.letter-layout{display:grid;grid-template-columns:1fr 1.04fr;gap:1.6rem 8%;align-items:center;max-width:1180px}.letter-layout>.edition-line{color:#fff2dc}.letter-margin{align-self:center;padding-bottom:2rem}.letter-margin h2{font-size:clamp(5rem,9.5vw,9rem);line-height:.85;letter-spacing:-.065em;text-shadow:0 3px 26px #28170f33}.letter-margin h2 em{display:inline-block;margin-left:.33em}.margin-note{display:block;max-width:20ch;margin:2.3rem 0 0 1rem;font-size:.85rem;line-height:1.65;color:#fff0d9}
.letter-copy{position:relative;padding:clamp(2rem,3.8vw,4rem);color:var(--wine);background:#f7eedc;box-shadow:0 24px 65px #29170f40;transform:rotate(1.2deg);max-width:540px;clip-path:polygon(0 0,100% .6%,99.5% 100%,75% 99.4%,50% 100%,25% 99.5%,0 100%)}.letter-copy:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#fff9ee88,transparent 45%,#b4915930);pointer-events:none}.letter-copy>*{position:relative}.letter-salutation{font:400 clamp(1.25rem,2vw,1.8rem)/1.35 var(--serif);letter-spacing:-.035em}.letter-body{margin-top:1.4rem;font-size:.97rem;line-height:1.85}.letter-body p+p{margin-top:1rem}.letter-invitation{font-family:var(--serif);font-style:italic;font-size:1.14rem;line-height:1.45}.letter-signoff{margin-top:1.5rem}.letter-signoff span{font-size:.72rem}.letter-signoff img{width:190px;margin:.25rem 0 0 -10px}
/* Olive paper runs continuously through the creative journal. */
.process{background:#555b36;color:var(--cream);background-image:radial-gradient(ellipse at 75% 45%,#8c895944,transparent 65%)}
@media(min-width:761px) and (max-height:800px){.scene-panel:not(.hero){padding-top:6rem;padding-bottom:2.7rem}.letter-body{font-size:.91rem;line-height:1.72}.letter-copy{padding:2rem 2.4rem}.letter-signoff{margin-top:1rem}.letter-salutation{font-size:1.5rem}.letter-layout{row-gap:1rem}}
@media(min-width:761px) and (max-width:1050px){:root{--gutter:2.5rem}.letter-layout{column-gap:5%}.letter-copy{padding:2rem}}

@media(max-width:760px){
:root{--gutter:1.4rem}.floating-signature{width:124px;top:1.3rem;left:1.6rem}.scene-panel:not(.hero){padding-top:6.2rem;padding-bottom:3.2rem;align-items:center}.edition-line{font-size:.56rem;letter-spacing:.07em;gap:1rem;margin-bottom:1rem}.edition-line>:last-child{max-width:47%}
/* The approved mobile opening remains unchanged. */
.hero{padding:0}.signature-sheet{left:-16%;width:132%;padding:1.4rem 16% 1.7rem;transform:translateY(-50%) rotate(-9deg);animation-name:sheet-arrive-mobile}.hero h1{width:86vw;max-width:100%;margin:.4rem auto .7rem}.slogan{font-size:clamp(.87rem,3.6vw,1.2rem);max-width:82vw;margin:auto}.slogan em{display:block}
.letter-layout{grid-template-columns:1fr;gap:1.4rem}.letter-atmosphere img{object-position:38% center}.letter-atmosphere:after{background:#37221935}.letter-margin{display:flex;justify-content:space-between;align-items:end;gap:1rem;padding:0 0 .8rem}.letter-margin h2{font-size:clamp(3.3rem,13vw,5.5rem);line-height:.9}.letter-margin h2 br{display:none}.letter-margin h2 em{margin-left:0}.margin-note{font-size:.65rem;margin:0;max-width:13ch}.letter-copy{padding:1.7rem 1.45rem;max-width:100%;transform:rotate(.8deg)}.letter-body{font-size:.91rem;line-height:1.78;margin-top:1.1rem}.letter-body p+p{margin-top:.9rem}.letter-invitation{font-size:1.05rem}.letter-salutation{font-size:1.3rem}.letter-signoff{margin-top:1.1rem}.letter-signoff img{width:170px}
}
@media(max-width:360px){.letter-copy{padding:1.5rem 1.2rem}.letter-margin{align-items:start}.margin-note{font-size:.59rem;max-width:11ch}.letter-margin h2{font-size:3rem}}
@keyframes sheet-arrive-mobile{from{transform:translate(-110%,-35%) rotate(-17deg)}to{transform:translate(0,-50%) rotate(-9deg)}}
/* A portrait drawn from Aline's photo accompanies the unchanged lettering. */

.signature-portrait{position:absolute;left:calc(100% + 14px);top:50%;width:50px;height:52px;object-fit:contain;transform:translateY(-50%);opacity:var(--signature-settled,1);pointer-events:none}.floating-signature[data-tone=dark] .signature-portrait{filter:brightness(0) invert(.95) sepia(.22)}

/* An open invitation: Aline and the brand are the two authors. */
.investment-anchor{position:absolute;inset:0 auto auto 0;pointer-events:none}.contact{background:#431f29;color:#f3e4cf;background-image:radial-gradient(ellipse at 75% 60%,#78412f44,transparent 60%)}.contact-layout{max-width:1170px}.contact .edition-line{margin-bottom:2.5rem;color:#dcc3a2}.invitation-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.invitation-copy{min-width:0}.contact h2{font-size:clamp(4.2rem,6.5vw,7rem);line-height:.95;letter-spacing:-.06em;text-wrap:initial}.contact h2 em{color:#d6ad80}.invitation-copy>p{font-size:.92rem;line-height:1.85;margin-top:2rem}.invitation-hand{display:block;margin-top:1.5rem;color:#d6ad80;font:italic 350 1.05rem/1.4 var(--serif);transform:rotate(-4deg)}.invitation-envelope{position:relative;padding:0 0 2.8rem;isolation:isolate;transform:rotate(3deg)}.invitation-envelope:before{content:'';position:absolute;z-index:-2;inset:16% -12px 0;background:#bc8b61;box-shadow:0 22px 45px #1c111533;clip-path:polygon(0 22%,50% 0,100% 22%,100% 100%,0 100%)}.invitation-card{position:relative;z-index:1;background:#f3e6cd;color:var(--wine);padding:2.4rem 2.7rem 2rem;box-shadow:0 1px 8px #2b161633;background-image:radial-gradient(#8f653016 .6px,transparent .8px);background-size:4px 4px;transform:rotate(-1deg)}.invitation-to{display:block;text-align:center;font-size:.59rem;letter-spacing:.07em;text-transform:uppercase}.coauthors{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.2rem .7rem;margin:1.6rem 0 2rem}.coauthors img{width:100%;max-width:290px}.coauthor-plus{font:italic 350 1.7rem var(--serif);color:#aa805a}.coauthor-brand{font:italic 350 2.2rem var(--serif);letter-spacing:-.035em}.invitation-message{font:350 1.5rem/1.2 var(--serif);letter-spacing:-.025em;text-align:center;margin-bottom:1.6rem}.invitation-message em{color:#8a5439}.contact-channels>div,.contact-channels>a{display:flex;justify-content:space-between;align-items:center;gap:.8rem;min-height:53px;border-bottom:1px solid #b29570;padding:.6rem 0}.contact-channels span:first-child{font:400 1.25rem/1.2 var(--serif);letter-spacing:-.03em}.contact-channels span:last-child{font-size:.65rem;line-height:1.5;text-align:right;max-width:58%;overflow-wrap:anywhere}.contact-note{font-size:.59rem;line-height:1.6;text-align:center;margin-top:1rem;color:#816750}.envelope-fold{position:absolute;z-index:0;bottom:0;left:-12px;right:-12px;height:27%;background:#c99b6f;clip-path:polygon(0 0,50% 65%,100% 0,100% 100%,0 100%);pointer-events:none}.envelope-seal{position:absolute;z-index:2;bottom:-.5rem;right:10%;width:69px;height:69px;display:grid;place-content:center;text-align:center;border:1px solid #b27950;outline:4px solid #9b6445;background:#9f6947;color:#f2dbb8;border-radius:48% 51% 49% 46%;box-shadow:0 4px 9px #28130e40;font:350 .65rem/1.25 var(--serif);transform:rotate(-9deg)}.envelope-seal em{font-size:1rem}.invitation-thread{width:100%;height:auto;max-height:85px;margin-top:1.8rem;stroke:#ce9c6b;stroke-width:1;pointer-events:none}.invitation-thread path{stroke-dasharray:1;stroke-dashoffset:0}
button:active{translate:0 1px}@media(hover:hover){.contact-channels>a:hover span:last-child{text-decoration:underline;text-underline-offset:4px}}
@media(min-width:761px) and (max-height:800px){.contact .edition-line{margin-bottom:1.8rem}.contact h2{font-size:5.3rem}.invitation-card{padding:1.8rem 2.3rem 1.5rem}.coauthors{margin:1.1rem 0 1.4rem}.coauthors img{max-width:230px}.invitation-thread{max-height:55px;margin-top:1rem}}
@media(min-width:761px) and (max-width:1050px){.invitation-layout{gap:7%}.contact h2{font-size:clamp(3.4rem,6.8vw,5rem)}.invitation-card{padding:1.7rem 1.5rem}.invitation-copy>p{font-size:.85rem}.invitation-hand{font-size:.9rem}.coauthor-brand{font-size:1.9rem}}
@media(max-width:760px){.signature-portrait{width:42px;height:44px;left:calc(100% + 12px)}.contact .edition-line{margin-bottom:1.8rem}.invitation-layout{grid-template-columns:1fr;gap:2.6rem}.contact h2{font-size:clamp(3.5rem,13vw,5.5rem)}.invitation-copy>p{font-size:.85rem;line-height:1.75;margin-top:1.4rem}.invitation-hand{font-size:.93rem;margin-top:1.1rem}.invitation-envelope{width:calc(100% - 16px);max-width:450px;margin:0 auto;padding-bottom:2.1rem;transform:rotate(2deg)}.invitation-card{padding:1.9rem 1.5rem 1.5rem}.invitation-to{font-size:.53rem}.coauthors{margin:1.2rem 0 1.5rem;gap:.1rem .6rem}.coauthors img{max-width:230px}.coauthor-plus{font-size:1.4rem}.coauthor-brand{font-size:1.9rem}.invitation-message{font-size:1.35rem;margin-bottom:1.3rem}.contact-channels span:first-child{font-size:1.15rem}.contact-channels span:last-child{font-size:.61rem}.contact-note{font-size:.56rem}.envelope-seal{width:56px;height:56px;right:10%;font-size:.55rem}.envelope-seal em{font-size:.85rem}.invitation-thread{margin-top:1.5rem;height:50px}}
@media(max-width:360px){.contact h2{font-size:3.3rem}.invitation-card{padding:1.6rem 1.15rem 1.3rem}.contact-channels span:last-child{font-size:.56rem}.invitation-to{font-size:.48rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cinematic .scene-panel{will-change:auto}}

/* A working notebook: four illustrated spreads, drawn and turned in one automatic sequence. */
.process{background:#454b32;background-image:radial-gradient(ellipse at 55% 40%,#7f826b45,transparent 70%);overflow:hidden}
.process-layout{max-width:1120px}.process .edition-line{margin-bottom:1.4rem}.process-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.process-heading h2{font-size:clamp(2.4rem,4vw,4.2rem);max-width:19ch;line-height:1.08}.process-heading h2 em{white-space:nowrap}.process-heading>p{font:italic 350 .95rem/1.4 var(--serif);color:#e4d3b0;white-space:nowrap;padding-bottom:.3rem}
.notebook{position:relative;margin:0 auto;width:100%;perspective:1800px;isolation:isolate;border-radius:3px 10px 10px 3px;background:#5b302d;padding:7px 8px 10px;box-shadow:0 34px 60px #171c1940,8px 8px 0 #30271e33;transform:rotate(-1deg)}
.notebook-leaf{position:relative;display:grid;grid-template-columns:1fr 1fr;color:var(--wine);background:#f0e3c7;min-height:440px;transform-origin:0 50%;backface-visibility:hidden;border-radius:1px 6px 6px 1px;background-image:radial-gradient(#8369431a .55px,transparent .7px);background-size:4px 4px;box-shadow:1px 2px 1px #d1bd97,2px 4px 0 #e9d8b4,3px 6px 0 #c4ac83}
.notebook-leaf+.notebook-leaf{margin-top:1rem}.cinematic .notebook{height:clamp(460px,56svh,570px)}.cinematic .notebook-leaf{position:absolute;inset:7px 8px 10px;margin:0;min-height:0;overflow:hidden;will-change:transform}
.notebook-copy{padding:clamp(1.8rem,3vw,3rem) clamp(1.8rem,4vw,4.2rem);display:flex;flex-direction:column;align-items:start;position:relative;min-width:0;background:linear-gradient(90deg,#f8edda55,transparent 80%,#866d3929);border-right:1px solid #9a825b40}.creation-label{display:block;font-size:.63rem;letter-spacing:.2em;text-transform:uppercase;color:#876b45;margin-bottom:1.6rem}.notebook-copy h3{font-size:clamp(2rem,3.2vw,3.4rem);line-height:1.05;max-width:12ch}.notebook-copy>p{font-size:clamp(.8rem,1.2vw,.95rem);line-height:1.85;max-width:29ch;margin-top:1.25rem}.notebook-hand{display:block;font:italic 350 clamp(1rem,1.7vw,1.4rem)/1.3 var(--serif);color:#86673e;margin-top:auto;padding-top:1.8rem;transform:rotate(-4deg);max-width:23ch;clip-path:inset(0 calc((1 - var(--ink,1))*100%) 0 0)}.notebook-underline{width:72%;height:20px;overflow:visible;stroke:#9f653e;stroke-width:1;fill:none;margin-top:.25rem}.notebook-art{padding:1.7rem 1.8rem 1rem;position:relative;display:flex;flex-direction:column;justify-content:center;min-height:0;background:linear-gradient(90deg,#6a4a2d12,transparent 9%);min-width:0}.sketch-caption{font:italic 350 .85rem/1.4 var(--serif);color:#8c7150;text-align:right;padding-right:1rem;transform:rotate(2deg)}.creation-sketch{min-height:0;flex:1;width:100%;height:calc(100% - 1.5rem);max-height:420px;overflow:visible;stroke:#744b38;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.creation-sketch>path,.notebook-underline path{stroke-dasharray:1;stroke-dashoffset:0}.creation-sketch>path:nth-child(even){stroke:#697147;stroke-width:1.1}.sketch-notes{fill:#87633c;stroke:none;font:italic 15px var(--serif);opacity:var(--ink,1)}.sketch-notes text{paint-order:stroke}.drawing-pen{fill:#ab8050;stroke:#63452e;stroke-width:1;opacity:0}.notebook-binding{position:absolute;z-index:6;top:7px;bottom:10px;left:50%;width:12px;transform:translateX(-50%);pointer-events:none;background:linear-gradient(90deg,transparent,#725c3524 45%,#fff0cb77 55%,transparent)}.notebook-binding:before{content:'';position:absolute;inset:12% 5px;border-left:1px dashed #8b714a66}.notebook-footer{display:flex;align-items:center;gap:1.3rem;margin-top:1.5rem;font-size:.6rem;letter-spacing:.08em;color:#e8d9b9}.notebook-stage{min-width:65px;text-transform:uppercase}.notebook-progress{height:1px;flex:1;background:#e8d9b92b}.notebook-progress i{height:1px;display:block;background:#e8d9b9;transform-origin:left}.notebook-footer>span:last-child{font:italic 350 .85rem var(--serif);letter-spacing:0}
@media(max-height:800px) and (min-width:761px){.process.scene-panel{padding-top:6rem;padding-bottom:2rem}.process .edition-line{margin-bottom:1rem}.process-heading{margin-bottom:1.4rem}.process-heading h2{font-size:2.6rem;max-width:none}.cinematic .notebook{height:410px}.notebook-copy{padding:1.5rem 2.1rem}.notebook-copy h3{font-size:2.2rem;max-width:none}.creation-label{margin-bottom:1rem}.notebook-copy>p{font-size:.84rem;line-height:1.7;margin-top:1rem}.notebook-hand{font-size:1.1rem;padding-top:1.1rem}.notebook-footer{margin-top:1rem}}
@media(max-width:760px){.process.scene-panel{padding-top:6rem;padding-bottom:2rem}.process .edition-line{margin-bottom:1rem}.process-heading{display:block;margin-bottom:1.3rem}.process-heading h2{font-size:clamp(2.05rem,7.8vw,3.6rem);max-width:20ch}.process-heading>p{font-size:.78rem;margin-top:.6rem}.notebook{width:100%;padding:6px 6px 8px;transform:rotate(-.7deg)}.cinematic .notebook{height:clamp(390px,55svh,550px)}.notebook-leaf{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);min-height:420px}.cinematic .notebook-leaf{inset:6px 6px 8px}.notebook-copy{padding:1.4rem 1.45rem 0 1.8rem;border:0;background:none}.creation-label{font-size:.55rem;margin-bottom:.7rem}.notebook-copy h3{font-size:clamp(1.7rem,6.7vw,2.3rem);max-width:18ch}.notebook-copy>p{font-size:.77rem;line-height:1.65;max-width:35ch;margin-top:.7rem}.notebook-hand{font-size:.85rem;max-width:none;padding-top:.6rem;margin-top:0}.notebook-underline{position:absolute;width:65%;left:1.8rem;bottom:-11px;height:12px;opacity:.55}.notebook-art{padding:1.1rem 1rem .4rem 1.6rem;background:none;overflow:hidden}.sketch-caption{display:none}.creation-sketch{height:100%;max-height:260px}.notebook-binding{top:6px;bottom:8px;left:13px;width:10px;background:linear-gradient(90deg,transparent,#796b3922,transparent)}.notebook-binding:before{inset:5% 4px}.notebook-footer{gap:.8rem;margin-top:1.2rem}.notebook-footer>span:last-child{font-size:.7rem;max-width:15ch;text-align:right}.notebook-stage{min-width:58px;font-size:.56rem}}
@media(max-width:360px){.process.scene-panel{padding-top:5.4rem;padding-bottom:1.5rem}.process .edition-line{font-size:.5rem;margin-bottom:.7rem}.process-heading{margin-bottom:1rem}.process-heading h2{font-size:1.9rem}.process-heading>p{margin-top:.4rem;font-size:.7rem}.cinematic .notebook{height:390px}.notebook-copy{padding:1.2rem 1rem 0 1.45rem}.notebook-copy h3{font-size:1.65rem}.notebook-copy>p{font-size:.73rem;line-height:1.6}.notebook-hand{font-size:.8rem}.notebook-footer{margin-top:.9rem}}
@media(prefers-reduced-motion:reduce){.cinematic .notebook{height:auto}.cinematic .notebook-leaf{position:relative;inset:auto;min-height:420px;will-change:auto}.notebook-leaf+.notebook-leaf{margin-top:1.5rem}.notebook-binding{display:none}.notebook-hand{clip-path:none}.creation-sketch>path,.notebook-underline path{stroke-dashoffset:0!important}.sketch-notes{opacity:1}.drawing-pen{display:none}.notebook-progress{display:none}}
.cinematic .social-layout,.cinematic .contact-layout{mask-image:linear-gradient(to bottom,transparent var(--reading-fade-start,0px),#000 var(--reading-fade-end,0px))}

/* Two editorial profile prints: the platform, its author and its own performance. */
.social{background:#eee3cf;color:var(--wine);overflow:hidden;background-image:repeating-linear-gradient(0deg,#82664005 0 1px,transparent 1px 4px)}.social-layout{max-width:1120px}.social h2{font-size:clamp(3.5rem,6vw,6rem);line-height:1.05;margin-bottom:2.4rem;text-align:left}.social h2 em{color:#86573e;white-space:nowrap}.social-duet{display:grid;grid-template-columns:1fr 1fr;gap:5%;position:relative;align-items:start}.social-network{min-width:0;padding:1.4rem 1.4rem .4rem;background:#f8efdf;box-shadow:0 14px 30px #49311b14;transform:rotate(-2deg);border:1px solid #ae8b5930}.social-network:nth-child(2){transform:rotate(2deg);margin-top:1.6rem}.social-network h3{display:flex;align-items:center;gap:.7rem;font:400 1.3rem/1.2 var(--sans);letter-spacing:-.02em;margin-bottom:1rem}.social-network h3 svg{flex:0 0 24px;width:24px;height:24px;stroke:currentColor;stroke-width:1.35}.network-window{position:relative;height:clamp(160px,20vw,255px);overflow:hidden;background:#394332;color:#fff5e3}.network-window:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 25%,#202819d9);pointer-events:none}#tiktok-panel .network-window{background:#4a2026}#tiktok-panel .network-window:after{background:linear-gradient(transparent 25%,#410c0adb)}.network-frames{display:flex;gap:6px;width:132%;height:100%;transform:translateX(-4%);animation:social-drift 4.8s ease-in-out both;animation-play-state:paused}.network-frames img{width:33.333%;height:100%;object-fit:cover;filter:saturate(.72)}.network-frames img:nth-child(2){object-position:70% center}#tiktok-panel .network-frames{animation-direction:reverse}.social.is-active .network-frames{animation-play-state:running}.network-author{position:absolute;z-index:1;left:1.1rem;bottom:1rem;font:italic 350 clamp(1.8rem,3vw,3rem)/1 var(--serif);letter-spacing:-.05em}.network-author span{display:block;font:400 .68rem/1.4 var(--sans);letter-spacing:.025em;margin-top:.6rem}.network-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-top:1.5rem}.network-metrics>div{display:flex;flex-direction:column-reverse;justify-content:end;gap:.5rem}.network-metrics dd{font:350 clamp(1.5rem,2.5vw,2.5rem)/1 var(--serif);letter-spacing:-.055em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.network-metrics dt{font-size:.65rem;line-height:1.45;max-width:22ch;min-height:2.9em}.network-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.8rem;border-top:1px solid #ae8b5940}.network-period{font-size:.6rem;color:#73533b}.network-profile{font-size:.65rem}.network-profile a,.network-profile>span{display:inline-flex;min-height:44px;align-items:center;padding:.5rem 0}.network-profile a{border-bottom:1px solid currentColor}.network-profile>span{color:#73533b}
@keyframes social-drift{from{transform:translateX(-4%)}to{transform:translateX(-19%)}}
@media(min-width:761px) and (max-height:800px){.social h2{font-size:3.8rem;margin-bottom:1.7rem}.network-window{height:170px}.network-metrics{margin-top:1rem}.network-metrics dd{font-size:2rem}}
@media(max-width:760px){.social h2{font-size:clamp(2.6rem,10vw,4rem);margin-bottom:1.6rem}.social-duet{gap:.8rem}.social-network{padding:.65rem .6rem .2rem;transform:rotate(-1.5deg)}.social-network:nth-child(2){margin-top:1rem;transform:rotate(1.5deg)}.social-network h3{font-size:clamp(.85rem,3.8vw,1.1rem);gap:.35rem;margin-bottom:.65rem}.social-network h3 svg{width:18px;height:18px;flex-basis:18px}.network-window{height:135px;margin-inline:-.1rem}.network-author{left:.55rem;bottom:.7rem;font-size:clamp(1.2rem,5.5vw,1.7rem)}.network-author span{display:none}.network-metrics{grid-template-columns:1fr;gap:.7rem;margin-top:1rem}.network-metrics>div{gap:.2rem}.network-metrics dd{font-size:1.75rem}.network-metrics dt{font-size:.66rem;min-height:0}.network-footer{display:block;margin-top:.7rem;padding-top:.5rem}.network-period{font-size:.57rem}.network-profile{font-size:.62rem}.network-profile a,.network-profile>span{min-height:44px}.social.scene-panel{padding-bottom:5rem}}
@media(max-width:760px) and (max-height:680px){.social h2{margin-bottom:1.1rem}.network-window{height:95px}.network-metrics{gap:.5rem;margin-top:.7rem}.network-metrics dd{font-size:1.5rem}.network-metrics dt{font-size:.6rem}.network-footer{margin-top:.5rem}.social.scene-panel{padding-top:5.7rem}}
@media(prefers-reduced-motion:reduce){.network-frames{animation:none}}
/* A visible gesture guide doubles as a keyboard/tap navigation control. */
.scroll-cue{position:fixed;z-index:35;right:clamp(1.25rem,3vw,3rem);bottom:1.3rem;display:flex;align-items:center;gap:.7rem;border:0;background:none;color:var(--cream);padding:.25rem .4rem;min-height:52px;font-size:.68rem;letter-spacing:.035em;text-align:left}.scroll-cue[data-tone=light]{color:var(--wine)}.cue-mark{position:relative;display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px}.cue-mouse,.cue-touch{width:27px;height:34px;stroke:currentColor;stroke-width:1.25}.cue-touch,.cue-return{display:none}.cue-dot{animation:guide-wheel 1.9s ease-in-out infinite}.cue-progress{position:absolute;inset:0;width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:.8;transform:rotate(-90deg);opacity:.25}.cue-progress circle{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--motion-progress,0))}.scroll-cue.is-moving .cue-progress{opacity:.85}.scroll-cue.is-moving .cue-dot,.scroll-cue.is-moving .cue-touch{animation-play-state:paused}.scroll-cue[data-end=true] .cue-mouse,.scroll-cue[data-end=true] .cue-touch{display:none}.scroll-cue[data-end=true] .cue-return{display:block;font-size:1.35rem}.cue-label{max-width:18ch;line-height:1.4}.scene-panel:not(.hero){padding-bottom:max(6rem,11svh)}.notebook-footer{display:flex;min-height:44px;height:auto;margin-top:.6rem}.notebook-footer>.notebook-progress{display:block;flex:1;max-width:none;height:1px}.notebook-control{border:0;background:none;color:inherit;padding:.7rem 0 .7rem 1rem;min-width:64px;min-height:44px;font-size:.65rem;letter-spacing:.04em}.contact .edition-line{margin-bottom:1.7rem}.coauthors{margin-top:.3rem}.invitation-message{margin-bottom:1.2rem}.invitation-card{padding-bottom:2.2rem}.letter-body{max-width:32ch}.letter-copy{padding-block:clamp(2.5rem,5vw,5rem)}
@keyframes guide-wheel{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(6px);opacity:1}}@keyframes guide-swipe{0%,100%{transform:translateY(3px);opacity:.45}55%{transform:translateY(-4px);opacity:1}}
@media(hover:hover){.scroll-cue:hover .cue-label{text-decoration:underline;text-underline-offset:4px}.network-profile a:hover,.contact-channels>a:hover{color:#a3643b}}
@media(max-width:760px){.scroll-cue{right:1rem;bottom:.9rem;font-size:.61rem;gap:.35rem}.cue-label{max-width:18ch}.cue-mouse{display:none}.cue-touch{display:block;animation:guide-swipe 2s ease-in-out infinite}.scene-panel:not(.hero){padding-bottom:6rem}.letter-copy{padding-block:2rem}.letter-body{font-size:.94rem}.contact .edition-line{margin-bottom:1.6rem}.invitation-layout{gap:2rem}.invitation-copy>p{margin-top:1.2rem}.invitation-card{padding-top:1.8rem;padding-bottom:1.6rem}}
@media(max-width:360px){.scroll-cue{bottom:.65rem}}
@media(prefers-reduced-motion:reduce){.cue-dot,.cue-touch{animation:none}.scroll-cue .cue-progress{display:none}}

@media(max-width:760px) and (max-height:740px){.process.scene-panel{padding-top:5.3rem;padding-bottom:4.5rem}.process .edition-line{margin-bottom:.6rem}.process-heading{margin-bottom:1rem}.cinematic .notebook{height:350px}.notebook-copy{padding-top:1rem}.creation-label{margin-bottom:.5rem}.notebook-copy h3{font-size:1.6rem}.notebook-copy>p{margin-top:.5rem}.notebook-art{padding-top:.9rem}.notebook-footer{margin-top:.35rem}}


body:not(.cinematic) .scroll-cue{display:none}

/* The opening guide uses the existing signature surface, away from photo detail. */
.hero-guide-anchor,.portfolio-guide-anchor{display:none}
/* Mobile: one quiet guide, and gesture ownership declared before the finger moves. */
@media(max-width:760px),(pointer:coarse){
  .cinematic main,.scroll-cue,.floating-signature{touch-action:pan-x pinch-zoom}
  .scroll-cue{left:0;right:0;bottom:0;transform:none;justify-content:center;gap:.5rem;min-height:44px;padding:.5rem 1rem max(.5rem,env(safe-area-inset-bottom));white-space:nowrap;font-size:.875rem;font-weight:400;letter-spacing:.025em;background:transparent}
  .hero-guide-anchor{display:block;position:relative;height:44px;margin:1rem auto -.65rem}
  .hero-guide-anchor .scroll-cue{position:absolute;inset:0;padding:0;color:inherit;letter-spacing:.015em}
  .scroll-cue .cue-mark{width:12px;height:18px;flex-basis:12px}
  .scroll-cue .cue-mouse,.scroll-cue .cue-touch,.scroll-cue .cue-progress{display:none}
  .scroll-cue .cue-mark:after{content:'';width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);animation:mobile-guide 2.4s ease-in-out infinite}
  .scroll-cue.is-moving .cue-mark:after{animation-play-state:paused}
  .scroll-cue .cue-label{max-width:none;line-height:1.4}
  .scroll-cue[data-end=true] .cue-mark:after{display:none}
  .scroll-cue[data-end=true] .cue-return{font-size:1rem}
  .cinematic .scene-panel{will-change:transform,opacity}
}
@keyframes mobile-guide{0%,65%,100%{transform:translateY(-3px) rotate(45deg)}32%{transform:translateY(3px) rotate(45deg)}}
@media(prefers-reduced-motion:reduce){.scroll-cue .cue-mark:after{animation:none}}

@media(max-width:760px),(pointer:coarse){.cinematic .scene-content{mask-image:linear-gradient(to bottom,transparent var(--reading-fade-start,0px),#000 var(--reading-fade-end,0px))}}
@media(max-width:760px) and (max-height:620px){.cinematic .notebook{height:320px}}
@media(prefers-reduced-motion:reduce){.cinematic .notebook{height:auto}}

/* The creative notebook always lives on its material moodboard. */
.process .edition-line{align-items:center;min-height:44px}
.notebook-control{background:var(--palette-process,#454b32);padding-inline:.7rem}
.process-moodboard{mask-image:linear-gradient(to bottom,#000 calc(var(--viewport-height,100svh) - 110px),transparent calc(var(--viewport-height,100svh) - 70px));position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none}
.moodboard-scrap{position:absolute;width:clamp(190px,19vw,310px);padding:9px 9px 30px;background:#dfd3b5;box-shadow:4px 13px 22px #181a1638;transform:translateY(calc(var(--scene-progress,0)* -25px)) rotate(var(--scrap-turn))}
.moodboard-scrap img{width:100%;height:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.72) contrast(.92)}
.moodboard-scrap:before{content:'';position:absolute;z-index:1;top:-12px;left:calc(50% - 40px);width:80px;height:29px;background:#d5c392ba;transform:rotate(-5deg);clip-path:polygon(3% 0,98% 5%,100% 93%,0 100%);box-shadow:0 1px 2px #19171318}
.moodboard-fashion{left:-5%;top:16%;--scrap-turn:-19deg}
.moodboard-beauty{right:-3%;top:15%;--scrap-turn:17deg}
.moodboard-home{width:clamp(160px,19vw,300px);left:6%;bottom:-80px;--scrap-turn:14deg}
.moodboard-home img{aspect-ratio:1;object-position:70% 75%}
.moodboard-swatches{position:absolute;right:-2%;top:65%;display:flex;gap:5px;width:clamp(180px,18vw,270px);height:120px;padding:10px 10px 30px;background:#e4d4b4;box-shadow:3px 8px 15px #181a1630;transform:rotate(-12deg)}
.moodboard-swatches i{flex:1;background:var(--wine)}.moodboard-swatches i:nth-child(2){background:var(--caramel)}.moodboard-swatches i:nth-child(3){background:var(--cream)}.moodboard-swatches i:nth-child(4){background:var(--olive)}
.moodboard-paper{position:absolute;right:20%;bottom:-35px;width:280px;height:155px;display:grid;place-items:center;background:#dacdaf;box-shadow:3px 7px 14px #181a162b;transform:rotate(-11deg);clip-path:polygon(1% 2%,100% 0,98% 96%,93% 99%,86% 97%,80% 100%,73% 98%,64% 100%,55% 97%,42% 100%,32% 98%,18% 100%,0 97%)}
.moodboard-paper svg{width:80%;stroke:#76502f;stroke-width:1.2;opacity:.65}
@media(max-width:760px){
  .process .edition-line{gap:.4rem}
  .moodboard-fashion{width:125px;left:-70px;top:-158px;--scrap-turn:-19deg}
  .moodboard-beauty{width:150px;right:-52px;top:-112px;--scrap-turn:19deg;padding:6px 6px 20px}
  .moodboard-home{width:120px;left:-55px;bottom:-58px;--scrap-turn:-12deg;padding:5px 5px 17px}
  .moodboard-swatches{width:130px;height:80px;right:-57px;top:auto;bottom:-27px;padding:5px 5px 18px;gap:3px;transform:rotate(18deg)}
  .moodboard-paper{display:none}
}
@media(prefers-reduced-motion:reduce){.moodboard-scrap{transform:rotate(var(--scrap-turn))}}

/* Printed scraps overlap freely at the edges, with a clear central writing area. */
.moodboard-pattern{position:absolute;box-shadow:5px 10px 20px #1e181c33}
.pattern-check{left:-7%;top:35%;width:30%;min-width:240px;height:53%;background:repeating-conic-gradient(#4c2529 0% 25%,#dbc7a4 0% 50%) 0 0/32px 32px;transform:rotate(-13deg);clip-path:polygon(2% 0,100% 3%,97% 100%,0 97%)}
.pattern-stripe{right:-6%;top:-8%;width:32%;min-width:280px;height:50%;background:repeating-linear-gradient(90deg,#ba6b42 0 18px,#e2c9a3 18px 34px,#56342c 34px 40px,#e2c9a3 40px 44px);transform:rotate(-24deg);clip-path:polygon(0 0,100% 0,98% 100%,2% 97%)}
.pattern-animal{right:-5%;bottom:-7%;width:38%;height:47%;background:#b88853 url('assets/moodboard-animal-print.svg') 0 0/130px 114px;transform:rotate(14deg)}
.moodboard-movement{left:47%;top:-110px;width:clamp(160px,15vw,250px);--scrap-turn:24deg}
.moodboard-movement img{aspect-ratio:1;object-position:20% 65%}
.moodboard-movement:after{content:'';position:absolute;right:-22px;bottom:14px;width:90px;height:24px;background:#cda66bc2;transform:rotate(-39deg)}
@media(max-width:760px){
  .pattern-check{left:-55px;top:38%;width:145px;min-width:0;height:50%;background-size:20px 20px;transform:rotate(-9deg)}
  .pattern-stripe{right:-60px;top:-95px;width:200px;min-width:0;height:220px;transform:rotate(-27deg);background-size:auto}
  .pattern-animal{right:-45px;bottom:-60px;width:175px;height:210px;background-size:80px 70px;transform:rotate(13deg)}
  .moodboard-movement{display:none}
  .moodboard-home{width:145px;left:-60px;bottom:-53px}
  .moodboard-swatches{bottom:-22px;right:-34px}
}
@media(max-width:760px){
  .process-moodboard{mask-image:linear-gradient(to bottom,#000 65px,transparent 110px,transparent 185px,#000 225px,#000 calc(var(--viewport-height,100svh) - 120px),transparent calc(var(--viewport-height,100svh) - 80px))}
}
@media(max-width:760px) and (max-height:620px) and (prefers-reduced-motion:no-preference){.cinematic .process .notebook{height:290px}}
@media(min-width:761px) and (max-width:1500px){.moodboard-fashion{top:34%}}

/* Smaller opening ribbon, with the approved signature at its natural ratio. */
.signature-sheet{padding:0 8% .6rem}.hero h1{width:52vw;max-width:780px}
/* A real still-life beside the handwritten sign-off. */
.letter-signoff{display:grid;grid-template-columns:minmax(0,1fr) 115px;align-items:end;gap:1rem}.letter-signature img{width:190px;max-width:100%}.letter-signoff .signature-vase{width:115px;height:115px;object-fit:contain;margin:0;filter:drop-shadow(3px 5px 3px #5a372313)}
@media(max-width:760px){.signature-sheet{padding:0 16% .5rem}.hero h1{width:68vw;margin:0 auto}.hero-guide-anchor{margin:.15rem auto -.25rem}.slogan{font-size:clamp(.75rem,3.25vw,.95rem);max-width:88vw}.slogan em{display:inline}.letter-signoff{grid-template-columns:minmax(0,1fr) 85px;gap:.4rem}.letter-signoff .signature-vase{width:85px;height:100px}.letter-signature img{width:170px}}

@media(max-width:760px) and (max-height:680px){.letter.scene-panel{padding-top:5.7rem}.letter-layout{gap:.8rem}.letter-layout .edition-line{margin-bottom:0}.letter-margin{padding-bottom:0}.letter-copy{padding:1.3rem 1.2rem}.letter-body{font-size:.86rem;line-height:1.6;margin-top:.85rem}.letter-body p+p{margin-top:.8rem}.letter-signoff{margin-top:.8rem;grid-template-columns:minmax(0,1fr) 75px}.letter-signoff .signature-vase{width:75px;height:80px}.letter-signature img{width:155px}}
@media(max-width:760px) and (max-height:620px){.social.scene-panel{padding-top:5.3rem}.social h2{font-size:2.3rem;margin-bottom:.8rem}.network-window{height:75px}.network-metrics{gap:.35rem;margin-top:.6rem}.network-metrics dd{font-size:1.4rem}.network-footer{margin-top:.4rem;padding-top:.3rem}}

/* A living cabinet of references: velvet, glass, flowers and self-care. */
.hero-collage{position:absolute;inset:0;overflow:hidden;background:color-mix(in srgb,var(--wine) 78%,#a33365);pointer-events:none;user-select:none}
.hero-material,.hero-object{position:absolute}.hero-material{overflow:hidden;box-shadow:0 12px 35px #30101226}
.material-velvet{left:-8%;top:-12%;width:43%;height:130%;transform:rotate(-12deg)}.material-velvet img{width:100%;height:100%;object-fit:cover;object-position:34% center;filter:saturate(1.2) brightness(1.1)}
.material-amber{right:8%;top:-18%;width:34%;height:83%;transform:rotate(17deg);background:var(--caramel);background-image:repeating-linear-gradient(90deg,#f6b93e18 0 2px,transparent 2px 7px)}
.material-check{right:-4%;bottom:-13%;width:36%;height:56%;transform:rotate(-14deg);background:repeating-conic-gradient(var(--olive) 0 25%,#d0b563 0 50%) 0 0/70px 70px}
.material-plum{left:25%;bottom:-24%;width:44%;height:57%;transform:rotate(10deg);background:repeating-linear-gradient(100deg,#753953 0 30px,#522238 30px 34px,#b16748 34px 37px,#753953 37px 64px)}
.hero-object{width:var(--object-size);transform:translateY(calc(var(--scene-progress,0)*var(--object-travel,-38px))) rotate(var(--object-turn,0deg));filter:drop-shadow(12px 18px 12px #240c1b35)}
.hero-object img{width:100%;max-width:none;animation:collage-object 1.6s var(--ease) var(--object-delay,.1s) both}
.hero-flower{--object-size:clamp(320px,35vw,580px);left:-4%;top:-7%;--object-turn:-22deg;--object-delay:.1s}
.hero-lamp{--object-size:clamp(300px,30vw,490px);right:7%;top:-13%;--object-turn:8deg;--object-delay:.25s;--object-travel:28px}
.hero-oil{--object-size:clamp(210px,20vw,320px);left:13%;bottom:-9%;--object-turn:-17deg;--object-delay:.4s}
.hero-bloom{--object-size:clamp(230px,24vw,400px);right:16%;bottom:-14%;--object-turn:32deg;--object-delay:.55s}
.hero-candle{--object-size:clamp(190px,18vw,290px);right:0;bottom:-4%;--object-turn:5deg;--object-delay:.65s;--object-travel:24px}
@keyframes collage-object{from{opacity:0;transform:translateY(50px) scale(1.07)}to{opacity:1;transform:none}}
.social-flower{position:absolute;pointer-events:none;user-select:none;width:clamp(115px,13vw,200px);right:6%;top:10%;transform:rotate(28deg);filter:drop-shadow(5px 9px 5px #5a372320)}
@media(max-width:760px){
 .material-velvet{left:-26%;top:-8%;width:72%;height:125%;transform:rotate(-14deg)}
 .material-amber{right:-13%;top:-8%;width:60%;height:58%;transform:rotate(12deg)}
 .material-check{right:-22%;bottom:-7%;width:69%;height:50%;background-size:45px 45px}
 .material-plum{left:-23%;bottom:-15%;width:90%;height:49%;transform:rotate(14deg)}
 .hero-flower{--object-size:65vw;left:-17%;top:7%;--object-turn:-24deg}
 .hero-lamp{--object-size:64vw;right:-12%;top:-4%;--object-turn:7deg}
 .hero-oil{--object-size:46vw;left:-3%;bottom:-3%;--object-turn:-17deg}
 .hero-bloom{--object-size:50vw;right:-10%;bottom:12%;--object-turn:20deg}
 .hero-candle{--object-size:42vw;right:4%;bottom:-5%;--object-turn:3deg}
 .social-flower{width:140px;right:-75px;top:auto;bottom:16%;transform:rotate(20deg)}
}

/* Keep the desktop guide on the same contrasting ribbon without adding height. */
.hero-guide-anchor{display:block;position:absolute;right:10%;bottom:.8rem;width:150px;height:44px}
.hero-guide-anchor .scroll-cue{position:absolute;inset:0;padding:0;min-height:44px;color:inherit;font-size:.65rem;gap:.35rem}
.hero .signature-sheet{z-index:2}.hero-object{z-index:1}
@media(min-width:761px){.hero-oil{z-index:3;left:5%;bottom:-2%;--object-size:clamp(200px,20vw,290px)}}
@media(max-width:760px){.hero-guide-anchor{position:relative;inset:auto;width:min(100%,270px);margin:.15rem auto -.25rem}.hero-guide-anchor .scroll-cue{font-size:.875rem}}

/* One photographic table; a chair and a hinged box introduce the collection. */
.portfolio.scene-panel{padding:clamp(6.4rem,11svh,8rem) 0 3rem;overflow:hidden;color:var(--cream);align-items:flex-start}
.portfolio-atmosphere{background:radial-gradient(ellipse at 52% 55%,#865033 0,#592633 45%,var(--wine) 82%)}
.portfolio-atmosphere:after{background:repeating-linear-gradient(90deg,#efdfbf05 0 1px,transparent 1px 5px)}
.portfolio-layout{display:block;max-width:none}
.portfolio-heading{max-width:1320px;margin:auto;padding-inline:var(--gutter);text-align:center}
.portfolio-kicker{margin:0 0 .6rem;font-size:.75rem;line-height:1.4;letter-spacing:.14em;text-transform:uppercase}
.portfolio-heading h2{max-width:none;font-size:clamp(3rem,4.7vw,4.7rem);line-height:1;letter-spacing:-.055em;text-wrap:initial}
.portfolio-heading h2 em{display:inline-block;color:var(--palette-accent,#eea474)}
.table-invitation{display:flex;align-items:center;justify-content:center;gap:1.4rem;min-height:44px;margin:.55rem 0 0}
.table-instruction{margin:0;font-size:1rem;line-height:1.5}
#table-arrival-control{flex:0 0 auto;min-height:44px;padding:.5rem 0 .5rem 1.2rem;border:0;border-left:1px solid #e4cb9d59;background:none;color:inherit;font-size:.875rem;line-height:1.4}
#table-arrival-control>span{margin-left:.3rem}
#table-arrival-control:focus-visible{outline:2px solid var(--cream);outline-offset:5px}
.table-invitation>.scroll-cue{position:static;flex:0 0 auto;min-height:44px;padding:0 0 0 1.2rem;border-left:1px solid #e4cb9d59;color:inherit;font-size:.875rem}
.table-set{--table-width:min(1120px,94vw,calc((var(--viewport-height,100svh) - 300px)*1.42));position:relative;isolation:isolate;max-width:1440px;min-height:calc(var(--table-width)*.7);margin:.5rem auto 0;padding-top:1px}
.table-scenery{display:block;position:absolute;z-index:-1;left:50%;top:0;width:var(--table-width);transform:translateX(-50%);transform-origin:50% 35%;pointer-events:none;user-select:none;transition:transform .8s var(--ease),opacity .6s}
.table-scenery img{display:block;width:100%;height:auto;max-width:none}
.table-chair{position:absolute;z-index:5;left:50%;bottom:calc(var(--table-width)*-.02);width:calc(var(--table-width)*.22);transform:translateX(-50%);transform-origin:50% 88%;pointer-events:none;transition:transform 1.45s cubic-bezier(.45,0,.55,1),opacity .6s}
.table-chair:before{content:'';position:absolute;left:8%;right:8%;bottom:1%;height:8%;border-radius:50%;background:#200d2180;filter:blur(9px)}
.table-chair>img{position:relative;display:block;width:100%;height:auto;max-width:none;filter:drop-shadow(4px 8px 5px #200a1840)}
/* The photographed cavity supplies the walls, hardware and contact shadow. */
.keepsake-box{--box-width:calc(var(--table-width)*.38);position:relative;z-index:3;width:var(--box-width);height:calc(var(--box-width)*.666667);margin:calc(var(--table-width)*.27) auto 0}
.memory-box{position:absolute;left:50%;top:0;width:var(--box-width);height:calc(var(--box-width)*.666667);transform:translateX(-50%);transition:opacity .25s ease-in-out;pointer-events:none;user-select:none}
.box-body{position:relative;z-index:1;display:block;width:100%;height:auto;max-width:none}
/* Apply projection on each face before ancestor flattening; the rear rim stays the hinge. */
.box-lid{position:absolute;left:50%;top:12%;width:calc(var(--box-width)*.76);height:calc(var(--box-width)*.435);border-radius:2px;background:#613247 url('assets/memory-box-lid-v26.webp') center/104% 112% no-repeat;box-shadow:0 calc(var(--box-width)*.012) 0 #422335,0 calc(var(--box-width)*.015) 1px #aa7869;transform:translateX(-50%) perspective(calc(var(--box-width)*1.845)) rotateX(58deg);transform-origin:50% 0;pointer-events:none}
.box-lid-front{z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--box-width)*.018);padding:calc(var(--box-width)*.065);color:#582b39;backface-visibility:hidden}
.box-lid-back{z-index:0;visibility:hidden;backface-visibility:visible;filter:brightness(.87) saturate(.8)}
.box-lid-small{font-size:min(.625rem,calc(var(--box-width)*.037));letter-spacing:.12em;text-transform:uppercase}
.box-lid-title{font:350 min(2.8rem,calc(var(--box-width)*.1))/.95 var(--serif);letter-spacing:-.05em;text-align:center}
.portfolio:not([data-table-state=waiting]) .table-chair{transform:translate(calc(-50% - var(--table-width)*.24),calc(var(--table-width)*.018)) rotate(-12deg)}
/* Explicit front/back visibility also works in flattened WebKit compositions. */
@keyframes box-lid-open{from{transform:translateX(-50%) perspective(calc(var(--box-width)*1.845)) rotateX(58deg);visibility:visible}40%{transform:translateX(-50%) perspective(calc(var(--box-width)*1.845)) rotateX(90deg);visibility:hidden}to{transform:translateX(-50%) perspective(calc(var(--box-width)*1.845)) rotateX(150deg);visibility:hidden}}
@keyframes box-lid-back-open{from{transform:translateX(-50%) perspective(calc(var(--box-width)*1.845)) rotateX(58deg);visibility:hidden}40%{transform:translateX(-50%) perspective(calc(var(--box-width)*1.845)) rotateX(90deg);visibility:hidden}40.001%{transform:translateX(-50%) perspective(calc(var(--box-width)*1.845)) rotateX(90deg);visibility:visible}to{transform:translateX(-50%) perspective(calc(var(--box-width)*1.845)) rotateX(150deg);visibility:visible}}
.portfolio:is([data-table-state=opening],[data-table-state=revealing]) .box-lid-front{animation:box-lid-open 1.5s cubic-bezier(.45,0,.55,1) both}
.portfolio:is([data-table-state=opening],[data-table-state=revealing]) .box-lid-back{animation:box-lid-back-open 1.5s cubic-bezier(.45,0,.55,1) both}
.portfolio[data-table-state=revealing] .memory-box{opacity:0}
.portfolio[data-table-resetting] .table-chair,.portfolio[data-table-resetting] .memory-box,.portfolio[data-table-resetting] .table-scenery{transition:none}
.portfolio[data-table-state=open] .portfolio-kicker{display:none}
.portfolio[data-table-state=open] .portfolio-heading h2{font-size:clamp(2.4rem,3.6vw,3.8rem)}
.portfolio[data-table-state=open] .table-instruction{font-size:.875rem}
.portfolio[data-table-state=open] .table-set{min-height:0;margin-top:1rem;padding-bottom:0}
.portfolio[data-table-state=open] .keepsake-box{width:calc(100% - var(--gutter)*2);max-width:1080px;height:auto;margin:0 auto}
.portfolio[data-table-state=open] .keepsake-box:before{content:'';position:absolute;inset:2rem 2px -8px;background:#542533;box-shadow:0 16px 26px #210a1859}
.portfolio[data-table-state=open] .memory-box{visibility:hidden;opacity:0}
.portfolio[data-table-state=open] .table-chair{opacity:.2;z-index:0}
.portfolio[data-table-state=open] .table-scenery{transform:translateX(-50%) translateY(-3rem) scale(1.15);opacity:.5}
.portfolio-collection{position:relative;z-index:2;padding:1.1rem clamp(1rem,2.5vw,2rem) 1.15rem;border:8px solid #713f3f;border-bottom-width:14px;background:var(--palette-paper,#efdfbf);color:var(--wine);background-image:repeating-linear-gradient(0deg,#7c563209 0 1px,transparent 1px 4px);box-shadow:inset 0 0 0 1px #9d735143,0 20px 50px #210b1840;animation:collection-open .5s var(--ease) both}
@keyframes collection-open{from{transform:translateY(22px)}to{transform:translateY(0)}}
.box-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px;border-bottom:1px solid #78412240}
.box-toolbar>span{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}
.box-toolbar .collection-note{max-width:25ch;font-size:.875rem;line-height:1.4;letter-spacing:0;text-align:right;text-transform:none}
.portfolio .niche-filters{display:flex;justify-content:flex-start;gap:2rem;flex-wrap:wrap;margin:.5rem 0 1.1rem;border-bottom:1px solid #78412240}
.portfolio .niche-filters button{position:relative;min-height:44px;padding:.6rem 0;border:0;background:none;font-size:.875rem;line-height:1.4}
.portfolio .niche-filters button:after{content:'';position:absolute;inset:auto 0 -1px;height:3px;background:var(--wine);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
.portfolio .niche-filters button[aria-pressed=true]:after{transform:scaleX(1)}
.portfolio-showcase{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(235px,1fr);grid-template-areas:'story screen index';align-items:center;gap:clamp(1rem,2.5vw,2.2rem);min-width:0}
.portfolio .selected-story{grid-area:story;min-width:0}
.portfolio .story-eyebrow{margin:0 0 1rem;font-size:.75rem;line-height:1.5;letter-spacing:.07em;text-transform:uppercase}
.portfolio .selected-story .selected-brand{margin:0;font:400 clamp(2rem,3.1vw,3.2rem)/1.03 var(--serif);letter-spacing:-.045em;text-transform:none;overflow-wrap:anywhere}
.portfolio .selected-story h3{max-width:18ch;margin:1rem 0 0;font:italic 350 clamp(1.2rem,1.7vw,1.7rem)/1.2 var(--serif);letter-spacing:-.035em}
.portfolio .story-label{max-width:28ch;margin:1.2rem 0 0;padding-top:.8rem;border-top:1px solid #78412245;font-size:.875rem;line-height:1.5}
.portfolio-screen{grid-area:screen;position:relative;isolation:isolate;width:clamp(170px,min(19vw,calc((var(--viewport-height,100svh) - 380px)*.5625)),220px);min-width:0}
.screen-topline{display:flex;justify-content:space-between;gap:.7rem;margin-bottom:.5rem;font-size:.75rem;line-height:1.4;letter-spacing:.04em;text-transform:uppercase;font-variant-numeric:tabular-nums}
.spotlight-media{position:relative;width:100%;aspect-ratio:9/16;background:#2d141c;box-shadow:5px 8px 0 #b99a724f,0 12px 20px #32141c26}
.portfolio .cover{position:relative;isolation:isolate;width:100%;height:100%;overflow:hidden;background:var(--caramel);color:#fff0d7}
.portfolio .cover>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.portfolio .cover:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(transparent 40%,#271019eb)}
.portfolio .cover-text{position:absolute;inset:auto 9% 8%;font:350 clamp(1.7rem,2.3vw,2.4rem)/1.01 var(--serif);letter-spacing:-.05em}
.portfolio .cover-text span{display:block}.portfolio .cover-text span+span{font-style:italic}
.portfolio .cover-style-1 img{transform:scale(1.5);object-position:78% 28%}
.portfolio .cover-style-1:after{background:linear-gradient(#281017df,transparent 70%)}
.portfolio .cover-style-1 .cover-text{top:8%;bottom:auto}
.portfolio .cover-style-2{background:var(--palette-paper,#efdfbf);color:var(--wine)}
.portfolio .cover-style-2 img{inset:34% 0 0;height:66%;object-position:20% 75%}
.portfolio .cover-style-2:after{display:none}
.portfolio .cover-style-2 .cover-text{top:6%;bottom:auto;font-size:clamp(1.5rem,2vw,2.1rem)}
.spotlight-media>video{display:block;width:100%;height:100%;aspect-ratio:9/16;object-fit:contain;background:#2d141c}
.spotlight-media .media-error{position:absolute;inset:auto 0 0;margin:0;padding:.75rem;background:var(--wine);color:var(--cream);font-size:.875rem;line-height:1.4}
.portfolio-index{grid-area:index;min-width:0}
.portfolio-index-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 .6rem .7rem;font-size:.875rem;line-height:1.4}
.portfolio-index-title>span{font-size:1.2rem}
.portfolio .cover-gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:0;min-height:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#78412266 transparent;scroll-snap-type:x proximity}
.portfolio .scene-button{display:grid;grid-template-columns:40px minmax(0,1fr) 1rem;align-items:center;gap:.65rem;position:relative;width:100%;min-width:0;min-height:90px;max-width:none;margin:0;padding:.65rem;border:0;border-top:1px solid #78412240;background:transparent;color:var(--wine);text-align:left;scroll-snap-align:center;transform:none;opacity:1;box-shadow:none;transition:background-color .25s,color .25s}
.portfolio .scene-button.is-selected{background:var(--wine);color:var(--cream)}
.portfolio .scene-button:focus-visible{outline:2px solid var(--caramel);outline-offset:-3px}
.scene-number{display:none}
.portfolio .scene-button .cover{width:40px;height:auto;aspect-ratio:3/4}
.portfolio .scene-button .cover:after,.portfolio .scene-button .cover-text{display:none}
.portfolio .scene-button .cover-style-2 img{inset:0;height:100%}
.scene-copy{display:block;min-width:0}.scene-brand{display:block;font:400 1.08rem/1.15 var(--serif);letter-spacing:-.02em}
.scene-name{display:block;margin-top:.35rem;font-size:.875rem;line-height:1.35}
.scene-arrow{justify-self:end;font-size:1.15rem;transition:transform .25s var(--ease)}
.portfolio-bottom{margin-top:1.1rem;padding-top:.6rem;border-top:1px solid #78412240}
.gallery-controls{display:flex;align-items:center;justify-content:center;gap:1rem}
.gallery-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #78412280;border-radius:50%;background:transparent;color:inherit;font-size:1.2rem;line-height:1}
.gallery-controls span{min-width:2.8rem;text-align:center;font-size:.875rem;font-variant-numeric:tabular-nums}
@media(hover:hover){
 #table-arrival-control:hover{text-decoration:underline;text-underline-offset:4px}
 .portfolio .niche-filters button:hover:after{transform:scaleX(1)}
 .portfolio .scene-button:not(.is-selected):hover{background:#78412212}
 .portfolio .scene-button:hover .scene-arrow{transform:translate(2px,-2px)}
 .portfolio .gallery-controls button:hover{background:var(--wine);color:var(--cream)}
}
@media(min-width:761px) and (max-width:1100px){
 .portfolio-showcase{grid-template-columns:minmax(0,1fr) auto minmax(190px,1fr);gap:1rem}
 .portfolio .selected-story .selected-brand{font-size:2rem}
 .portfolio .scene-button{grid-template-columns:minmax(0,1fr) 1rem;min-height:88px}
 .portfolio .scene-button .cover{display:none}
}
@media(max-width:760px){
 .portfolio.scene-panel{padding-top:5.5rem;padding-bottom:1rem}
 .portfolio-heading{padding-inline:var(--gutter)}
 .portfolio-kicker{margin-bottom:.6rem;font-size:.7rem;letter-spacing:.1em}
 .portfolio-heading h2{font-size:clamp(2.25rem,9.4vw,3rem);line-height:.98}
 .portfolio-heading h2 em{display:block}
 .table-invitation{gap:.8rem;margin-top:.7rem;text-align:left}
 .table-instruction{max-width:16ch;font-size:.9375rem;line-height:1.45}
 #table-arrival-control{padding-left:.8rem;font-size:.875rem}
 .portfolio-guide-anchor{display:block;position:relative;height:44px;margin:.35rem var(--gutter) 0}
 .portfolio-guide-anchor .scroll-cue{position:absolute;inset:0;padding:0;color:inherit}
 .table-set{--table-width:min(100vw,max(260px,calc((var(--viewport-height,100svh) - 310px)/1.22)));min-height:calc(var(--table-width)*1.22);margin:0 auto}
 .table-scenery{top:calc(var(--table-width)*-.12)}
 .table-chair{width:calc(var(--table-width)*.34)}
 .keepsake-box{--box-width:calc(var(--table-width)*.66);width:var(--box-width);height:calc(var(--box-width)*.666667);margin-top:calc(var(--table-width)*.47)}
 .portfolio:not([data-table-state=waiting]) .table-chair{transform:translate(calc(-50% - var(--table-width)*.285),calc(var(--table-width)*.015)) rotate(-12deg)}
 .portfolio[data-table-state=open] .portfolio-heading h2{font-size:2.1rem}
 .portfolio[data-table-state=open] .table-instruction{font-size:.875rem;max-width:14ch}
 .portfolio[data-table-state=open] .table-set{margin-top:.25rem;padding-bottom:0}
 .portfolio[data-table-state=open] .keepsake-box{width:calc(100% - var(--gutter)*2)}
 .portfolio[data-table-state=open] .table-scenery{transform:translateX(-50%) translateY(-1.5rem) scale(1.15);opacity:.35}
 .portfolio-collection{padding:.45rem .75rem .8rem;border-width:5px;border-bottom-width:10px}
 .box-toolbar{min-height:44px;gap:.5rem}
 .box-toolbar>span{font-size:.7rem;letter-spacing:.05em}
 .box-toolbar .collection-note{max-width:20ch;font-size:.875rem}
 .portfolio .niche-filters{flex-wrap:nowrap;justify-content:space-between;gap:.35rem;margin:.2rem 0 .9rem}
 .portfolio .niche-filters button{padding:.4rem 0;white-space:nowrap;font-size:.875rem}
 .portfolio-showcase{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'index index' 'story screen';gap:1rem .85rem}
 .portfolio .story-eyebrow{margin-bottom:.7rem;font-size:.7rem;line-height:1.4;letter-spacing:.025em}
 .portfolio .selected-story .selected-brand{font-size:clamp(1.35rem,5.8vw,1.85rem);line-height:1.07}
 .portfolio .selected-story h3{margin-top:.7rem;font-size:1.125rem;line-height:1.2}
 .portfolio .story-label{margin-top:.8rem;padding-top:.6rem;font-size:.875rem;line-height:1.4}
 .portfolio-screen{width:100%;max-width:none}
 .screen-topline{gap:.3rem;margin-bottom:.4rem;font-size:.7rem;letter-spacing:0}
 .portfolio .cover-text{inset-inline:8%;font-size:clamp(1.15rem,5.4vw,1.8rem)}
 .portfolio .cover-style-2 .cover-text{font-size:clamp(1.1rem,5vw,1.7rem)}
 .portfolio-index-title{padding:0 0 .5rem;font-size:.875rem}
 .portfolio .cover-gallery{display:flex;gap:.55rem;padding:0 0 .45rem;scroll-padding-inline:0}
 .portfolio .scene-button{display:flex;flex:0 0 45%;align-items:center;justify-content:flex-start;min-height:64px;max-width:none;padding:.6rem .55rem;border:1px solid #78412245}
 .portfolio .scene-button .cover,.portfolio .scene-name,.portfolio .scene-arrow{display:none}
 .portfolio .scene-brand{font-size:1rem;line-height:1.2}
 .portfolio-bottom{margin-top:1rem;padding-top:.5rem}
 .gallery-controls{gap:1rem}
}
@media(pointer:coarse) and (min-width:761px){
 .portfolio-guide-anchor{display:block;position:relative;height:44px;margin:.3rem var(--gutter) 0}
 .portfolio-guide-anchor .scroll-cue{position:absolute;inset:0;padding:0;color:inherit}
}
@media(max-width:760px) and (max-height:620px){
 .portfolio.scene-panel{padding-top:5rem}
 .portfolio-heading h2{font-size:2.05rem}
 .portfolio-kicker{margin-bottom:.45rem}
}
@media(prefers-reduced-motion:reduce){
 .table-chair,.memory-box,.box-lid,.table-scenery,.portfolio .niche-filters button:after,.portfolio .scene-button,.portfolio .scene-arrow{transition:none}
 .box-lid,.portfolio-collection{animation:none}
}

/* Aline's portrait is the room; both networks remain distinct, readable objects. */
.social.scene-panel{overflow:hidden;color:var(--cream)}
.social-portrait-scene{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none;background:linear-gradient(110deg,#6c3138,var(--wine) 70%)}
.social-portrait-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#410c0aa6,transparent 47%)}
.social-portrait{position:absolute;left:-5%;bottom:-13%;width:64%;height:118%;max-width:none;object-fit:contain;object-position:left bottom}
.social-layout{max-width:1320px;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.5fr);align-items:center;gap:4%}
.social h2{position:relative;align-self:end;margin:0 0 1.8rem;font-size:clamp(3.2rem,6.2vw,6.3rem);line-height:1.02;color:#fff1d8;text-shadow:0 4px 25px #2b101c75}
.social h2 em{display:block;white-space:normal}
.social .social-duet{gap:1.2rem}
.social .social-network{padding:1.2rem 1.1rem .4rem;transform:none;background:var(--palette-paper,#efdfbf);color:var(--wine);box-shadow:0 18px 40px #1e0d2138;border:0}
.social .social-network:nth-child(2){margin-top:2.6rem;transform:none}
.social .network-window{height:clamp(150px,16vw,220px)}
.social .network-metrics{grid-template-columns:1fr;gap:.75rem;margin-top:1.1rem}
.social .network-metrics>div{flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:.7rem;padding-bottom:.65rem;border-bottom:1px solid #78412230}
.social .network-metrics dd{font-size:clamp(1.65rem,2.3vw,2.3rem);flex:0 0 auto}
.social .network-metrics dt{min-height:0;max-width:18ch;font-size:.75rem;line-height:1.4}
.social .network-footer{display:block;margin-top:.55rem;padding-top:.3rem;border-top:0}
.social .network-period,.social .network-profile{font-size:.75rem}
@media(min-width:761px) and (max-width:1100px){
 .social-layout{grid-template-columns:minmax(0,.65fr) minmax(0,1.5fr);gap:3%}
 .social .social-duet{gap:.8rem}
 .social .social-network{padding:.85rem .75rem .3rem}
 .social .network-metrics>div{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:.25rem;padding-bottom:.5rem}
 .social .network-window{height:150px}
}
@media(max-width:760px){
 .social.scene-panel{padding-top:7.4rem;padding-bottom:4.2rem}
 .social-layout{display:block}
 .social-portrait{left:25%;top:-1.5rem;bottom:auto;width:105%;height:auto;object-fit:contain;object-position:top}
 .social-portrait-scene:after{background:linear-gradient(0deg,var(--wine) 12%,#410c0a15 64%,transparent)}
 .social h2{max-width:6ch;margin:0 0 1.4rem;font-size:clamp(2.55rem,10.6vw,3.7rem);line-height:1;color:#fff1d8}
 .social h2 em{white-space:nowrap}
 .social .social-duet{gap:.75rem}
 .social .social-network{padding:.75rem .65rem .25rem}
 .social .social-network:nth-child(2){margin-top:1.6rem}
 .social .network-window{height:95px}
 .social .network-metrics{gap:.55rem;margin-top:.8rem}
 .social .network-metrics>div{flex-direction:column-reverse;align-items:flex-start;gap:.25rem;padding-bottom:.5rem}
 .social .network-metrics dd{font-size:1.7rem}
 .social .network-metrics dt{font-size:.72rem;line-height:1.4}
 .social .network-footer{margin-top:.3rem;padding-top:0}
 .social .network-period,.social .network-profile{font-size:.72rem}
 .scroll-cue[data-chapter=redes]{background:var(--wine)}
}
@media(max-width:760px) and (max-height:620px){
 .social.scene-panel{padding-top:6.5rem}
 .social h2{font-size:2.5rem;margin-bottom:1rem}
 .social .network-window{height:75px}
 .social .network-metrics{gap:.4rem}
 .social .network-metrics dd{font-size:1.5rem}
}