@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@400;600;700&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);transition:background .35s,color .35s}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}body{--bg:#11171a;--ink:#f6f4e9;--soft:#abb6b3;--accent:#aee7c1;--panel:#1f292c;--line:#52615b;--font:'Manrope',sans-serif;--radius:22px;--hero-size:clamp(64px,11.8vw,170px)}
body[data-theme="atelier"]{--bg:#f3efe6;--ink:#292a26;--soft:#746f66;--accent:#a34d38;--panel:#e8dfd1;--line:#c8c0b3;--font:'Playfair Display',serif;--radius:0px;--hero-size:clamp(60px,10vw,150px)}body[data-theme="nexus"]{--bg:#080f29;--ink:#f5f9ff;--soft:#91a3c7;--accent:#71d7ff;--panel:#112247;--line:#3a4f7c;--font:'Manrope',sans-serif;--radius:28px;--hero-size:clamp(60px,11vw,158px)}body[data-theme="offset"]{--bg:#eeeae0;--ink:#1c1a19;--soft:#68625f;--accent:#e24e2c;--panel:#e0d9cc;--line:#a9a091;--font:'Manrope',sans-serif;--radius:0px;--hero-size:clamp(75px,15.5vw,235px)}body[data-theme="signal"]{--bg:#111610;--ink:#e6ead7;--soft:#a4ad92;--accent:#c2fa57;--panel:#1c2419;--line:#69715c;--font:'DM Mono',monospace;--radius:0px;--hero-size:clamp(55px,10vw,143px)}body[data-theme="drift"]{--bg:#202b23;--ink:#f5eddb;--soft:#d0c6b2;--accent:#f1b976;--panel:#374238;--line:#7e877c;--font:'Playfair Display',serif;--radius:4px;--hero-size:clamp(67px,11.9vw,175px)}body[data-theme="parallax"]{--bg:#0b1424;--ink:#f3f4f4;--soft:#abbace;--accent:#f19651;--panel:#162a3e;--line:#4a5f76;--font:'Manrope',sans-serif;--radius:3px;--hero-size:clamp(58px,12vw,170px)}
.top{position:fixed;z-index:50;left:0;right:0;top:0;height:67px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4.5vw,85px);background:color-mix(in srgb,var(--bg) 91%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.logo{font-size:20px;font-weight:800;letter-spacing:-1.3px}.logo span{color:var(--accent)}.nav{display:flex;gap:27px;align-items:center}.nav a{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-family:'DM Sans',sans-serif}.nav a:hover{color:var(--accent)}.nav .choice{border:1px solid var(--accent);color:var(--accent);padding:10px 14px}.mono{font-family:'DM Mono',monospace}.shell{max-width:1800px;margin:auto;overflow:hidden}.hero{min-height:min(950px,100svh);padding:clamp(115px,13vw,195px) clamp(22px,6.4vw,110px) 85px;position:relative;display:grid;grid-template-columns:58% 42%;align-items:center;gap:0}.eyebrow{font:11px 'DM Mono',monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:22px}.hero h1{font-size:var(--hero-size);line-height:.83;letter-spacing:-.085em;margin:0;position:relative;z-index:3;font-weight:800;max-width:1100px}.hero h1 em{font-style:normal;color:var(--accent)}.lead{position:relative;z-index:3;max-width:440px;line-height:1.75;color:var(--soft);font-size:15px;margin-top:38px}.cta{display:inline-flex;align-items:center;gap:25px;padding:16px 21px;margin-top:26px;background:var(--accent);color:var(--bg);font:700 12px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.08em}.hero-visual{height:clamp(350px,53vw,620px);position:relative;transform:translateX(-5%)}.frame{height:100%;width:100%;position:relative;overflow:hidden;border-radius:var(--radius);background:#354943}.frame img{height:100%;width:100%;object-fit:cover;filter:saturate(.65) contrast(1.05)}.frame:after{content:"";position:absolute;inset:0;background:linear-gradient(150deg,transparent 35%,#07110c6b)}.stamp{position:absolute;z-index:2;bottom:25px;left:24px;color:white;font:11px 'DM Mono',monospace;letter-spacing:.09em}.orb{position:absolute;z-index:3;width:115px;height:115px;border:1px solid var(--accent);border-radius:50%;right:-26px;top:-33px;display:grid;place-items:center;color:var(--accent);font:11px 'DM Mono',monospace;text-align:center;transform:rotate(12deg)}.index{position:absolute;bottom:24px;left:6.4vw;font:10px 'DM Mono',monospace;color:var(--soft);letter-spacing:.13em}.side{position:absolute;right:15px;bottom:20px;writing-mode:vertical-rl;font:10px 'DM Mono',monospace;color:var(--soft);letter-spacing:.2em}.section{padding:110px clamp(22px,6.4vw,110px);border-top:1px solid var(--line)}.sectiontop{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:42px}.section h2{font-size:clamp(42px,6.5vw,93px);line-height:.95;letter-spacing:-.055em;margin:0}.minor{font:11px 'DM Mono',monospace;color:var(--soft)}.gallery{display:grid;grid-template-columns:1.35fr .72fr 1fr;gap:16px}.photo{position:relative;overflow:hidden;background:var(--panel);min-height:270px;border-radius:var(--radius)}.photo:nth-child(2){margin-top:65px}.photo:nth-child(3){margin-top:125px}.photo img{width:100%;height:420px;display:block;object-fit:cover;transition:transform .65s}.photo:hover img{transform:scale(1.055)}.photocap{position:absolute;bottom:0;left:0;right:0;padding:45px 18px 18px;background:linear-gradient(transparent,#101810ab);display:flex;align-items:end;justify-content:space-between;color:white}.photocap b{font-size:15px}.photocap small{font:10px 'DM Mono',monospace}.story{display:grid;grid-template-columns:1fr 1fr;gap:15vw}.story p{color:var(--soft);font-size:clamp(17px,2vw,24px);line-height:1.65;margin:0}.tag{display:inline-block;border:1px solid var(--line);padding:9px 13px;margin:6px 6px 0 0;font:11px 'DM Mono',monospace}.footer{padding:38px 6.4vw 120px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--soft);font:11px 'DM Mono',monospace}.footer strong{color:var(--ink)}
/* Each theme changes structure, not just palette */
body[data-theme="offset"] .hero{grid-template-columns:1fr 1fr;align-items:start;padding-top:190px}body[data-theme="offset"] .hero h1{text-transform:uppercase;line-height:.78;transform:translateX(3vw);mix-blend-mode:multiply}body[data-theme="offset"] .hero-visual{transform:translate(-12%,30px) rotate(-7deg);height:550px}body[data-theme="offset"] .frame{border:14px solid var(--ink)}body[data-theme="offset"] .eyebrow{transform:rotate(-90deg);transform-origin:left;position:absolute;left:24px;top:300px}body[data-theme="offset"] .orb{background:var(--accent);color:white;border:0;border-radius:0;transform:rotate(11deg)}body[data-theme="offset"] .gallery{grid-template-columns:1fr 1.5fr 1fr;gap:0}body[data-theme="offset"] .photo:nth-child(2){margin-top:140px;transform:rotate(3deg);z-index:2}body[data-theme="offset"] .photo:nth-child(3){margin-top:45px;transform:rotate(-5deg)}body[data-theme="offset"] .section h2{text-transform:uppercase;font-weight:800}
body[data-theme="signal"] .hero{grid-template-columns:1fr 1fr;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:44px 44px}body[data-theme="signal"] .hero h1{letter-spacing:-.085em;text-transform:uppercase;font-weight:500}body[data-theme="signal"] .hero h1:before{content:'● REC';display:block;color:var(--accent);font:12px 'DM Mono',monospace;letter-spacing:.1em;margin-bottom:26px}body[data-theme="signal"] .frame{clip-path:polygon(0 0,100% 0,100% 87%,87% 100%,0 100%);filter:grayscale(1)}body[data-theme="signal"] .frame:before{content:'IMG_0001 / 47.562N';position:absolute;z-index:4;top:15px;left:14px;background:var(--bg);padding:9px;color:var(--accent);font:10px 'DM Mono',monospace}body[data-theme="signal"] .gallery{gap:3px}body[data-theme="signal"] .photo{border:1px solid var(--line)}body[data-theme="signal"] .photo:nth-child(n){margin-top:0}body[data-theme="signal"] .photo img{filter:grayscale(1)}body[data-theme="signal"] .photo:hover img{filter:none}body[data-theme="signal"] .section h2{font-weight:500;letter-spacing:-.08em;text-transform:uppercase}
body[data-theme="drift"] .hero{grid-template-columns:45% 55%;padding-top:150px}body[data-theme="drift"] .hero h1{letter-spacing:-.06em;font-weight:400;line-height:.9}body[data-theme="drift"] .hero h1 em{font-style:italic}body[data-theme="drift"] .hero-visual{transform:translateX(4%) rotate(3deg);height:650px}body[data-theme="drift"] .frame{border:14px solid #f4edda;box-shadow:20px 20px 0 #111b15}body[data-theme="drift"] .orb{border-style:dashed;top:unset;bottom:-35px;right:-15px}body[data-theme="drift"] .gallery{grid-template-columns:1fr 1fr 1fr;gap:30px}body[data-theme="drift"] .photo:nth-child(2){margin-top:125px}body[data-theme="drift"] .photo:nth-child(3){margin-top:-25px}body[data-theme="drift"] .photo{border:8px solid #e6dfcd;box-shadow:12px 12px 0 #111b15}body[data-theme="drift"] .section h2{font-weight:400;font-style:italic}
body[data-theme="parallax"] .hero{background:radial-gradient(ellipse at 70% 48%,#26466390,transparent 42%),repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),#a4bad116 calc(20% - 1px),#a4bad116 20%);grid-template-columns:63% 37%}body[data-theme="parallax"] .hero h1{font-weight:600;text-transform:uppercase;letter-spacing:-.095em}body[data-theme="parallax"] .hero-visual{transform:translate(-22%,30px) skewY(-5deg);height:520px}body[data-theme="parallax"] .frame{box-shadow:26px -26px 0 var(--panel),51px -51px 0 #203950}body[data-theme="parallax"] .orb{border-radius:0;right:-65px;top:120px;backdrop-filter:blur(14px)}body[data-theme="parallax"] .photo:nth-child(2){transform:translateY(100px)}body[data-theme="parallax"] .photo:nth-child(3){transform:translateY(-40px)}body[data-theme="parallax"] .section{border-image:linear-gradient(90deg,var(--accent),transparent) 1}
body[data-theme="atelier"] .hero h1{font-weight:400;letter-spacing:-.065em}body[data-theme="atelier"] .hero h1 em{font-style:italic}body[data-theme="atelier"] .section h2{font-weight:400}body[data-theme="nexus"] .hero{background:radial-gradient(ellipse at 80% 40%,#2856aa66,transparent 48%)}body[data-theme="nexus"] .orb{box-shadow:0 0 60px #4ccfff50}body[data-theme="obsidian"] .hero{background:radial-gradient(ellipse at 86% 70%,#27534633,transparent 45%)}
.switcher{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:100;background:#151b1cf5;color:#fff;border:1px solid #64706c;border-radius:17px;box-shadow:0 16px 50px #0007;padding:9px;display:flex;align-items:center;gap:6px;max-width:calc(100vw - 20px)}.switcher label{white-space:nowrap;padding:0 12px;font:10px 'DM Mono',monospace;color:#aab6b0}.switcher button{border:1px solid transparent;background:transparent;color:#cdd5d2;padding:11px 12px;font:11px 'DM Sans',sans-serif;border-radius:9px;white-space:nowrap}.switcher button[aria-pressed="true"]{color:#111;background:#b8e5c4}.switcher button:hover:not([aria-pressed="true"]){border-color:#62766d}.switcher small{color:#9eaba5;font:9px 'DM Mono',monospace;padding:0 7px}.demo-note{padding:10px 25px;text-align:center;background:var(--panel);font:10px 'DM Mono',monospace;color:var(--soft)}
@media(max-width:850px){.hero,body[data-theme] .hero{display:block;min-height:auto;padding:135px 25px 80px}.hero h1{font-size:clamp(64px,13vw,120px)!important}.hero-visual,body[data-theme] .hero-visual{transform:none;height:430px;margin:45px 10px 0}.hero h1,body[data-theme] .hero h1{transform:none}.section{padding:70px 25px}.gallery,body[data-theme] .gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px}.photo:nth-child(n),body[data-theme] .photo:nth-child(n){margin-top:0;transform:none}.photo img{height:330px}.story{grid-template-columns:1fr;gap:24px}.nav a:not(.choice){display:none}.switcher{overflow-x:auto;justify-content:start;width:calc(100% - 16px)}.switcher label{display:none}.footer{padding-bottom:135px}.orb{right:0}.index,.side{display:none}}@media(max-width:500px){.gallery,body[data-theme] .gallery{grid-template-columns:1fr}.photo img{height:320px}}

/* Original diegoweb theme: dark full-bleed photographic aesthetic inspired by archived site. */
body[data-theme="original"]{--bg:#101113;--ink:#fff;--soft:#c2c2c2;--accent:#fff;--panel:#222;--line:#555;--font:'Raleway','DM Sans',sans-serif;--radius:0px;--hero-size:clamp(55px,8.5vw,140px)}
body[data-theme="original"] .hero{grid-template-columns:1fr;min-height:100svh;padding:0;display:grid;place-items:center;text-align:center;background:#111}
body[data-theme="original"] .hero-copy{position:relative;z-index:4;padding:110px 22px 50px;grid-area:1/1}
body[data-theme="original"] .hero h1{letter-spacing:.025em;font-weight:200;font-size:clamp(50px,9vw,130px);line-height:1.05}
body[data-theme="original"] .hero-visual{position:absolute;inset:0;transform:none;height:100%;width:100%}
body[data-theme="original"] .frame{background:#15191a;border-radius:0}
body[data-theme="original"] .frame img,body[data-theme="original"] .frame video{filter:brightness(.45);height:100%;width:100%;object-fit:cover}
body[data-theme="original"] .hero .lead{margin:25px auto;color:#f2f2f2}
body[data-theme="original"] .hero .eyebrow{color:#ddd}
body[data-theme="original"] .stamp{bottom:40px;left:32px}
body[data-theme="original"] .cta{background:#fff;color:#111}
body[data-theme="original"] .top{background:#121212d9}
body[data-theme="original"] .section h2{font-weight:200;letter-spacing:-.03em}
.page-start{padding-top:155px;min-height:65vh}.career{width:100%;height:auto;max-width:650px}.about-grid p{white-space:pre-line;margin-bottom:28px}.full-gallery{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:35px}.full-gallery .photo:nth-child(n){margin-top:0}.full-gallery .photo img{height:320px}.filters{display:flex;gap:7px;flex-wrap:wrap;margin:28px 0}.filters button{color:var(--ink);background:transparent;border:1px solid var(--line);padding:9px 13px;border-radius:var(--radius);font:11px 'DM Sans',sans-serif}.filters button:hover,.filters button.selected{background:var(--accent);color:var(--bg)}.contact-form{display:grid;gap:20px}.contact-form label{color:var(--soft);display:grid;gap:8px;font:12px 'DM Sans',sans-serif}.contact-form input,.contact-form textarea{width:100%;background:var(--panel);color:var(--ink);padding:13px;border:1px solid var(--line);font:15px 'DM Sans',sans-serif}.trap{position:absolute!important;left:-9999px!important}.player{z-index:110;position:fixed;left:18px;bottom:17px;display:flex;align-items:center;gap:10px;background:#141819ec;color:white;border:1px solid #66706c;border-radius:13px;padding:9px 12px;font:12px 'DM Sans',sans-serif;box-shadow:0 8px 30px #0007;max-width:calc(100vw - 35px)}.player button{color:#fff;background:transparent;border:0;padding:8px;cursor:pointer}.player button:hover{color:#b8e5c4}#track{max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#musicPanel{position:absolute;left:0;bottom:65px;background:#1b2023;padding:18px;width:min(410px,90vw);border:1px solid #555;border-radius:10px}#musicPanel iframe{width:100%;border:0;border-radius:10px;min-height:165px}.switcher{bottom:75px}body[data-theme="original"] .photo{background:#222}
@media(max-width:850px){body[data-theme="original"] .hero{padding:0}body[data-theme="original"] .hero-visual{margin:0}.full-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:8px}.nav a{font-size:10px}.top{padding:0 12px}.nav .choice{padding:9px 6px}.logo{font-size:16px}.player{bottom:10px;left:7px}.switcher{bottom:70px}}
@media(max-width:500px){.full-gallery{grid-template-columns:1fr}.nav a:nth-child(1),.nav a:nth-child(3){display:none}.player{font-size:10px;gap:0}}

[hidden]{display:none!important}

/* DiegoWeb 2026 — theme-specific content architecture, not palette swaps */
.hero-visual .frame video{width:100%;height:100%;object-fit:cover}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:55px}.project-card{background:var(--panel);border:1px solid var(--line);padding:40px;border-radius:var(--radius)}.project-card h3{font-size:clamp(25px,3vw,48px);letter-spacing:-.04em;overflow-wrap:anywhere}.project-card p{line-height:1.8;color:var(--soft)}.footer-links{display:flex;gap:14px;flex-wrap:wrap}
body[data-theme=original] .hero{min-height:100svh;display:block;padding:0;isolation:isolate}body[data-theme=original] .hero-visual{position:absolute;inset:0;height:100%;transform:none;z-index:-1}body[data-theme=original] .intro-frame{border-radius:0}body[data-theme=original] .intro-frame:after{background:linear-gradient(90deg,#060c14e3 0%,#080f1740 80%)}body[data-theme=original] .hero-copy{position:absolute;left:6vw;bottom:13vh;max-width:760px}body[data-theme=original] .hero h1{font-size:clamp(60px,9vw,145px)}body[data-theme=original] .hero .lead{color:#efefef;max-width:520px}body[data-theme=original] .stamp{right:20px;left:auto}
body[data-theme=obsidian] .hero{grid-template-columns:1fr;min-height:100svh;align-items:end}body[data-theme=obsidian] .hero-copy{order:2;padding-top:2rem}body[data-theme=obsidian] .hero-visual{order:1;width:100%;height:56vh;transform:none}body[data-theme=obsidian] .hero h1{font-size:clamp(54px,8vw,128px)}body[data-theme=obsidian] .gallery{grid-template-columns:repeat(3,1fr)}body[data-theme=obsidian] .photo:nth-child(n){margin-top:0}
body[data-theme=atelier] .hero{display:flex;flex-direction:column;gap:0;padding-top:95px}body[data-theme=atelier] .hero-copy{width:100%;display:grid;grid-template-columns:1fr 2fr;gap:5vw;align-items:end;padding-bottom:35px}body[data-theme=atelier] .hero-copy .eyebrow{grid-column:1/-1}body[data-theme=atelier] .hero-copy .lead{margin:0}body[data-theme=atelier] .hero-visual{width:100%;height:64vh;transform:none}body[data-theme=atelier] .gallery{grid-template-columns:2fr 1fr}body[data-theme=atelier] .photo:nth-child(3){grid-column:1/-1;margin-top:0}body[data-theme=atelier] .story{grid-template-columns:2fr 1fr;gap:5vw}
body[data-theme=nexus] .hero{grid-template-columns:40% 60%;padding-top:100px}body[data-theme=nexus] .hero-visual{order:-1;transform:none;height:75vh}body[data-theme=nexus] .hero h1{font-size:clamp(55px,7.5vw,115px)}body[data-theme=nexus] .gallery{grid-template-columns:repeat(3,1fr);gap:9px}body[data-theme=nexus] .photo:nth-child(n){margin-top:0}body[data-theme=nexus] .story{grid-template-columns:1fr 2fr;gap:5vw}
body[data-theme=offset] .hero-visual{height:65vh}body[data-theme=offset] .hero-copy{align-self:end}body[data-theme=offset] .sectiontop{flex-direction:row-reverse}body[data-theme=offset] .story{grid-template-columns:2fr 1fr}
body[data-theme=signal] .hero{grid-template-columns:1fr;min-height:90svh;gap:35px}body[data-theme=signal] .hero-copy{display:grid;grid-template-columns:2fr 1fr;gap:20px}body[data-theme=signal] .hero-copy .eyebrow{grid-column:1/-1}body[data-theme=signal] .hero-visual{width:100%;height:46vh;transform:none}body[data-theme=signal] .sectiontop{border-bottom:2px solid var(--accent);padding-bottom:20px}body[data-theme=signal] .project-grid{grid-template-columns:1fr}
body[data-theme=drift] .hero{grid-template-columns:1fr 1fr}body[data-theme=drift] .hero-visual{order:-1;transform:rotate(-2deg)}body[data-theme=drift] .hero-copy{padding-left:5vw}body[data-theme=drift] .story{grid-template-columns:1fr 1fr}body[data-theme=drift] .project-card:nth-child(even){transform:translateY(35px)}
body[data-theme=parallax] .hero{grid-template-columns:1fr;position:relative;min-height:100svh}body[data-theme=parallax] .hero-visual{position:absolute;inset:75px 9vw 8vh 24vw;height:auto;transform:none;z-index:0}body[data-theme=parallax] .hero-copy{z-index:1;align-self:end;pointer-events:none}body[data-theme=parallax] .hero-copy .cta{pointer-events:auto}body[data-theme=parallax] .hero h1{text-shadow:0 2px 15px #0009}body[data-theme=parallax] .section:nth-child(even){margin-left:5vw;border-left:1px solid var(--accent)}
@media(max-width:850px){body[data-theme] .hero{display:flex;flex-direction:column;min-height:auto;padding:115px 22px 70px}body[data-theme] .hero-copy{position:relative;inset:auto;width:100%;display:block;padding:0;order:2}body[data-theme] .hero-visual{position:relative;inset:auto;width:100%;height:55svh;margin:0 0 24px;transform:none;order:1}body[data-theme=original] .hero{min-height:90svh;padding:120px 22px 65px}body[data-theme=original] .hero-visual{position:absolute;inset:0;height:100%;z-index:-1}body[data-theme=original] .hero-copy{color:white;margin-top:auto}body[data-theme] .hero h1{font-size:clamp(52px,11vw,100px)!important;transform:none}body[data-theme] .project-grid{grid-template-columns:1fr}body[data-theme] .sectiontop{flex-direction:column;align-items:start}body[data-theme] .story{grid-template-columns:1fr}.footer-links{max-width:100%}}

/* PATCH: readable About editorial structure, compatible with all theme palettes */
.about-hero{min-height:min(76svh,730px);padding:clamp(130px,14vw,200px) clamp(24px,9vw,160px) 95px;background:radial-gradient(ellipse at 85% 20%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 50%),var(--panel);display:flex;flex-direction:column;align-items:flex-start;justify-content:end;border-bottom:1px solid var(--line)}
.about-hero__eyebrow,.about-section-kicker{font:11px/1.5 'DM Mono',monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:24px}.about-hero h1{font-size:clamp(55px,9vw,138px);font-weight:600;line-height:.97;letter-spacing:-.075em;margin:0;max-width:1250px}.about-hero h1 em{font-weight:400;color:var(--accent)}.about-hero>p{max-width:600px;font-size:clamp(17px,1.8vw,23px);line-height:1.7;color:var(--soft);margin:32px 0}.about-hero__link,.about-inline-link{color:var(--accent);font-size:13px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px}.about-narrative__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(40px,8vw,135px);align-items:start}.about-narrative__intro{position:sticky;top:115px}.about-narrative__intro h2,.about-feature h2,.about-outro h2{font-size:clamp(38px,5vw,76px);letter-spacing:-.055em;line-height:1.03;margin:0 0 50px}.about-narrative__intro img{display:block;width:100%;max-width:530px;height:auto;object-fit:contain}.about-narrative__content{max-width:710px}.about-narrative__content p{font-size:clamp(16px,1.25vw,19px);line-height:1.9;color:var(--soft);margin:0 0 1.65em;overflow-wrap:break-word}.about-narrative__content .about-lede,.about-lede{color:var(--ink);font-size:clamp(20px,2vw,28px);line-height:1.55}.about-feature{background:var(--panel)}.about-feature__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,9vw,140px)}.about-feature__grid p{margin-bottom:35px}.about-outro{text-align:center}.about-outro h2{margin:0 auto 20px;max-width:1000px}.about-outro>p{color:var(--soft)}.about-outro .cta{margin-top:25px}
/* PATCH: icon-only music player until opened; only one provider mounted */
.music-dock{position:fixed;left:17px;bottom:17px;z-index:130;font:13px 'DM Sans',sans-serif;color:#f8f8f8}.music-dock button{cursor:pointer}.music-dock__toggle{height:47px;width:47px;border:1px solid #788080;border-radius:50%;background:#171c20;color:white;font-size:23px;box-shadow:0 7px 30px #0007}.music-dock__expanded{position:absolute;left:0;bottom:57px;width:min(340px,calc(100vw - 30px));max-height:min(75svh,580px);overflow:auto;background:#161b20;border:1px solid #626a6d;border-radius:16px;padding:17px;box-shadow:0 18px 55px #000a}.music-dock__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.music-dock__head strong{font-size:15px}.music-dock__head button{background:transparent;color:white;border:0;font-size:25px}.music-dock__controls{display:flex;gap:8px;align-items:center;margin-bottom:12px}.music-dock__controls button{background:#293238;color:white;border:0;border-radius:7px;padding:9px}.music-dock__controls span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;flex:1}.music-dock__hint{font-size:11px;line-height:1.5;color:#c3c7c9}.music-dock__expanded iframe{width:100%;height:165px;border:0;border-radius:9px}#musicSourceChoices{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}#musicSourceChoices button{border:1px solid #59636a;border-radius:8px;background:#222b30;color:#fff;padding:9px 12px}#musicSourceChoices button[aria-pressed=true]{background:#486d78;border-color:#90b9bf}.music-dock [hidden]{display:none!important}
@media(max-width:800px){.about-hero{min-height:60svh;padding:140px 24px 70px}.about-narrative__grid,.about-feature__grid{grid-template-columns:1fr}.about-narrative__intro{position:relative;top:auto}.about-narrative__intro img{max-width:430px}.about-hero h1{font-size:clamp(50px,12vw,90px)}}

.contact-feedback{padding:18px 22px;border:1px solid var(--line);border-radius:var(--radius);margin-top:15px;line-height:1.6;font-size:15px}
.contact-feedback[data-status="success"]{border-color:#429e72;background:#164b3430;color:var(--ink)}
.contact-feedback[data-status="error"]{border-color:#d47b69;background:#a53c3030;color:var(--ink)}
.contact-feedback[hidden]{display:none!important}
.contact-form button:disabled{opacity:.65;cursor:wait}

/* Two independent homepage covers, from the original video and photographic slide */
.hero-slides{height:100%;position:relative}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .35s;pointer-events:none}.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.hero-slide .frame{width:100%;height:100%}.hero-slide .frame video{display:block;width:100%;height:100%;object-fit:cover}.hero-slide-controls{position:absolute;left:18px;bottom:58px;z-index:12;display:flex;gap:7px}.hero-slide-controls button{background:#101719b8;color:#fff;border:1px solid #fff6;border-radius:2px;padding:10px 13px;cursor:pointer;font:11px 'DM Sans',sans-serif}.hero-slide-controls button.is-active{background:var(--accent);color:var(--bg)}
/* About: readable editorial rhythm, no infinitely tall wall of text */
.about-today__grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(40px,9vw,150px)}.about-today h2,.about-journey h2{font-size:clamp(43px,6vw,91px);line-height:1.03;letter-spacing:-.055em;margin:0 0 36px}.about-role{color:var(--accent);font-weight:700;letter-spacing:.03em}.about-today .about-lede{max-width:670px;margin-bottom:38px}.about-expertise article{display:grid;grid-template-columns:40px 1fr;gap:20px;padding:21px 0;border-top:1px solid var(--line)}.about-expertise article span,.about-year{font:11px 'DM Mono',monospace;color:var(--accent)}.about-expertise h3,.about-timeline h3{font-size:clamp(18px,2vw,28px);margin:0 0 9px}.about-expertise p,.about-timeline p{line-height:1.85;color:var(--soft);font-size:clamp(15px,1.25vw,18px);margin:0}.about-journey__heading{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-bottom:55px}.about-journey__heading>p{max-width:500px;font-size:clamp(18px,2vw,25px);line-height:1.7;color:var(--soft)}.about-timeline{max-width:1100px;margin:auto}.about-timeline article{display:grid;grid-template-columns:minmax(110px,25%) 1fr;gap:30px;border-top:1px solid var(--line);padding:37px 0}.about-original{margin:55px auto 0;max-width:1100px;border-top:1px solid var(--line);padding-top:24px}.about-original summary{cursor:pointer;color:var(--accent);font-weight:700}.about-original>div{max-width:780px;margin:25px auto}.about-original p{line-height:1.95;color:var(--soft);font-size:16px;overflow-wrap:anywhere}.about-feature__grid>div{min-width:0}.about-feature .about-inline-link{display:inline-block;margin:0 20px 15px 0}.about-hero__actions{display:flex;flex-wrap:wrap;gap:25px;margin-top:20px}
@media(max-width:800px){.about-today__grid,.about-journey__heading{grid-template-columns:1fr}.about-timeline article{grid-template-columns:1fr;gap:10px}.hero-slide-controls{bottom:16px}.about-expertise article{grid-template-columns:26px 1fr}}

/* Color mode changes palette only: each theme keeps its unique structural layout. */
.color-preference{display:inline-flex;align-items:center;gap:7px;font:11px 'DM Sans',sans-serif;color:var(--ink);white-space:nowrap}
.color-preference select{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:8px 6px;font:inherit}
@media(max-width:850px){.color-preference{font-size:0;gap:0}.color-preference select{font-size:12px;max-width:82px}.nav{gap:9px}}
html[data-color-resolved="light"] body{--bg:#f6f5f0;--ink:#232b2a;--soft:#485855;--accent:#24695b;--panel:#e9ece5;--line:#bac8c2}
html[data-color-resolved="dark"] body{--bg:#10171b;--ink:#f0f2f0;--soft:#b9c6c4;--accent:#91e2c1;--panel:#1d2a2e;--line:#526763}
html[data-color-resolved="light"] body[data-theme="atelier"]{--bg:#f3efe6;--ink:#292a26;--soft:#666159;--accent:#9d4634;--panel:#e8dfd1;--line:#bcb1a2}
html[data-color-resolved="dark"] body[data-theme="atelier"]{--bg:#201e1d;--ink:#f6eadd;--soft:#d0bfb1;--accent:#ffad91;--panel:#322b28;--line:#68564d}
html[data-color-resolved="light"] body[data-theme="nexus"]{--bg:#ebf3ff;--ink:#12264d;--soft:#4c6283;--accent:#145ea8;--panel:#dce9fd;--line:#a6b9d5}
html[data-color-resolved="dark"] body[data-theme="nexus"]{--bg:#080f29;--ink:#f5f9ff;--soft:#b2c3e5;--accent:#71d7ff;--panel:#112247;--line:#3a4f7c}
html[data-color-resolved="light"] body[data-theme="offset"]{--bg:#eeeae0;--ink:#1c1a19;--soft:#625c59;--accent:#bc391b;--panel:#e0d9cc;--line:#a9a091}
html[data-color-resolved="dark"] body[data-theme="offset"]{--bg:#211e1b;--ink:#f1ebe1;--soft:#c4b8ac;--accent:#ff8963;--panel:#302b25;--line:#776a5d}
html[data-color-resolved="light"] body[data-theme="signal"]{--bg:#f1f3e6;--ink:#252e22;--soft:#515c4d;--accent:#416d00;--panel:#e3e7d6;--line:#a8b49a}
html[data-color-resolved="dark"] body[data-theme="signal"]{--bg:#111610;--ink:#e6ead7;--soft:#acb99c;--accent:#c2fa57;--panel:#1c2419;--line:#69715c}
html[data-color-resolved="light"] body[data-theme="drift"]{--bg:#f5eddb;--ink:#263328;--soft:#536051;--accent:#96500c;--panel:#e7dfc9;--line:#b4b7a5}
html[data-color-resolved="dark"] body[data-theme="drift"]{--bg:#202b23;--ink:#f5eddb;--soft:#d0c6b2;--accent:#f1b976;--panel:#374238;--line:#7e877c}
html[data-color-resolved="light"] body[data-theme="parallax"]{--bg:#eaf0f7;--ink:#17283d;--soft:#57687b;--accent:#b85515;--panel:#d8e5f1;--line:#9dadc0}
html[data-color-resolved="dark"] body[data-theme="parallax"]{--bg:#0b1424;--ink:#f3f4f4;--soft:#abbace;--accent:#f19651;--panel:#162a3e;--line:#4a5f76}
/* Original remains photography-led in both modes: keep white overlay lettering readable. */
html[data-color-resolved="light"] body[data-theme="original"] .hero-copy,html[data-color-resolved="dark"] body[data-theme="original"] .hero-copy{color:#fff}

/* Audio UI v2: keep soundtrack dock apart from Home cover switcher */
.music-dock{left:auto!important;right:clamp(14px,2.8vw,38px)!important;bottom:clamp(18px,3vh,32px)!important;z-index:140}
.music-dock__toggle{width:58px;height:58px;font-size:29px;display:grid;place-items:center;transition:transform .18s}
.music-dock__toggle:hover{transform:scale(1.07)}
.music-dock__expanded{left:auto!important;right:0!important;bottom:70px!important;width:min(355px,calc(100vw - 30px))}
.hero-slide-controls{left:clamp(18px,3vw,46px)!important;bottom:clamp(22px,4vh,48px)!important;right:auto!important;display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:calc(100% - 110px)}
.hero-slide-controls button{min-height:45px;padding:11px 17px;font-size:13px;border-radius:7px}
.hero-slide-controls .video-sound{background:#141b20e6;border-color:#d3d7d788;color:#fff}
.hero-slide-controls .video-sound[aria-pressed=true]{background:#244c46;color:#fff}
.music-stream-stop{background:#28363b;border:1px solid #7b898e;color:white;border-radius:8px;padding:9px 12px;margin-top:10px}
.music-dock__controls{align-items:center;gap:6px}
.music-dock__controls button{min-width:35px;min-height:35px}
@media(max-width:650px){.music-dock{right:12px!important;bottom:12px!important}.music-dock__toggle{height:52px;width:52px}.hero-slide-controls{max-width:calc(100% - 75px);bottom:18px!important;left:14px!important;gap:5px}.hero-slide-controls button{padding:9px 10px;font-size:11px;min-height:40px}.music-dock__expanded{max-height:65svh}.hero-slide-controls .video-sound{flex-basis:100%;max-width:max-content}}

/* Hotfix 2026-10-20: stable, non-overlapping hero controls and audio dock. */
.hero-visual{position:relative}
.hero-visual .hero-slide-controls{position:absolute!important;top:auto!important;right:auto!important;bottom:clamp(22px,4vh,48px)!important;left:clamp(20px,4vw,64px)!important;z-index:35!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:10px!important;max-width:min(700px,calc(100% - 170px))!important;transform:none!important}
.hero-visual .hero-slide-controls button{position:static!important;flex:0 0 auto;min-height:43px!important;white-space:nowrap}
.hero-visual .hero-slide-controls #videoSound[hidden]{display:none!important}
/* Keep the photography caption away from every floating control, regardless of theme. */
.hero-visual .stamp,body[data-theme="original"] .hero-visual .stamp{position:absolute!important;left:auto!important;right:clamp(20px,4vw,64px)!important;top:clamp(32px,10vh,130px)!important;bottom:auto!important;z-index:11!important;max-width:min(45%,440px);text-align:right;transform:none!important;pointer-events:none}
html body .music-dock,html body #player.music-dock{position:fixed!important;top:auto!important;left:auto!important;right:clamp(16px,3vw,45px)!important;bottom:clamp(18px,3vh,38px)!important;transform:none!important;z-index:180!important;width:max-content!important;height:auto!important}
html body .music-dock__toggle{width:60px!important;height:60px!important;display:grid!important;place-items:center!important;border-radius:50%!important}
html body .music-dock__expanded{position:absolute!important;top:auto!important;left:auto!important;right:0!important;bottom:72px!important;transform:none!important;width:min(355px,calc(100vw - 26px))!important}
@media(max-width:720px){.hero-visual .hero-slide-controls{bottom:22px!important;left:14px!important;max-width:calc(100% - 90px)!important;gap:6px!important}.hero-visual .hero-slide-controls button{font-size:11px!important;padding:8px 10px!important;min-height:39px!important}.hero-visual .stamp,body[data-theme="original"] .hero-visual .stamp{top:78px!important;right:14px!important;max-width:65%!important}.music-dock__toggle{width:52px!important;height:52px!important}}