:root{--paper:#f3f0e8;--ink:#242820;--gold:#c4b48b;--line:#d5d2c7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Hiragino Mincho ProN','Yu Mincho',YuMincho,serif}body.entering{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid #ad914c;outline-offset:8px}button:hover,a:hover{opacity:.75}.eyebrow,small,nav,.draft,.entrance-bottom,.byline,.article-note,.essay-row>span,aside,footer p{font-family:'Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN',sans-serif}.eyebrow{font-size:10px;letter-spacing:.22em}.eyebrow span{margin:0 16px}.wordmark{font-size:22px;letter-spacing:.16em}.wordmark span{display:block;margin-top:9px;font:8px Arial;letter-spacing:.23em}.journal-header,.entrance-header{display:flex;justify-content:space-between;align-items:center;padding:32px 5.5%;}.journal-header{border-bottom:1px solid var(--line)}nav{display:flex;gap:32px;font-size:11px}nav button{font:inherit}.lead{min-height:650px;padding:72px 17% 55px;position:relative;border-bottom:1px solid var(--line)}.draft{font-size:10px;color:#737869;letter-spacing:.08em;margin:28px 0 15px}h1{font-size:clamp(36px,4.3vw,62px);font-weight:400;line-height:1.65;letter-spacing:.1em;margin:0 0 25px}.dek{font-size:14px;line-height:2.2;color:#64685c}.byline{display:flex;align-items:center;gap:14px;font-size:11px;margin-top:30px}.byline small{display:block;font-size:8px;margin-top:8px;letter-spacing:.14em}.seal{border:1px solid #aaa78f;border-radius:50%;height:38px;width:38px;display:grid;place-items:center;font-family:serif;font-size:17px}.lead-index{position:absolute;right:10%;top:210px;writing-mode:vertical-rl;line-height:2.6;letter-spacing:.28em;font-size:12px;color:#7b7f70}.continue{display:inline-flex;gap:60px;font-size:11px;margin-top:38px}.article-layout{max-width:1100px;margin:80px auto 110px;display:grid;grid-template-columns:220px 1fr;gap:70px;padding:0 45px}aside{font-size:10px;line-height:2.4}aside a{display:block;margin-top:17px}aside p{color:#7b7f70;margin-top:50px;font-size:10px}article{max-width:640px;font-size:15px;line-height:2.5;letter-spacing:.04em}article p{margin:0 0 28px}.opening{font-size:20px}article h2{font-weight:400;font-size:24px;margin:60px 0 24px;scroll-margin-top:35px}blockquote{margin:50px 0;padding:8px 0 8px 28px;border-left:1px solid #93977d;font-size:29px;line-height:1.9}.endmark{text-align:center;color:#999b83;margin:45px}.article-note{font-size:10px;color:#747969}.essays{padding:70px 10% 90px;background:#e9e7dd}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.section-top h2{font-size:28px;font-weight:400}.essay-row{display:grid;grid-template-columns:140px 1fr 100px;align-items:center;text-align:left;width:100%;padding:25px 0;border-top:1px solid #cccebf}.essay-row:last-child{border-bottom:1px solid #cccebf}.essay-row>span{font-size:10px}.essay-row>span:last-child{text-align:right}.essay-row h3{font-weight:400;font-size:20px}footer{display:flex;align-items:center;justify-content:space-between;padding:50px 6%;gap:25px}footer small{display:block;font-size:8px;letter-spacing:.2em;margin-top:10px}footer p,footer button{font-size:10px}
#entrance{position:fixed;inset:0;background:#060806;color:#eee9dd;z-index:5;overflow:hidden;touch-action:none}#world{position:absolute;inset:0;will-change:transform;transform-origin:0 0}#microscope{width:100%;height:100%;object-fit:cover;display:block}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,7,.75),transparent 68%),linear-gradient(0deg,rgba(7,10,7,.6),transparent 25%)}.entrance-header{position:relative;z-index:2}.entrance-header button{font:11px Arial;color:#cccbbb;border-bottom:1px solid #72776a;padding:10px 0}.intro-copy{position:absolute;left:9%;top:26%;}.intro-copy .eyebrow{color:var(--gold);font-size:9px}.intro-copy h2{font-weight:400;font-size:clamp(58px,6.1vw,96px);line-height:1.4;letter-spacing:.12em;margin:27px 0 20px}.intro-copy>p:last-of-type{font-size:13px;line-height:2.1;letter-spacing:.18em;color:#c9c9bc}#enter{display:flex;gap:20px;align-items:center;text-align:left;padding:0;margin-top:35px;font-size:12px;letter-spacing:.1em}#enter small{display:block;font-size:7px;margin-top:9px;letter-spacing:.15em}.circle-icon{width:48px;height:48px;border:1px solid #9b9e87;border-radius:50%;display:grid;place-items:center;font:20px Arial}.entrance-bottom{position:absolute;bottom:33px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.15em;color:#b3b7a6}.entrance-bottom span span{margin-left:20px}#lens-target{position:absolute;width:62px;height:62px;border:1px solid #ded3a677;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center}#lens-target span{width:7px;height:7px;background:#e1d3a6;border-radius:50%;box-shadow:0 0 20px #e1d3a6}#lens-target:after{content:'';position:absolute;inset:-10px;border:1px solid #ded3a633;border-radius:50%;animation:breathe 3s infinite}@keyframes breathe{50%{transform:scale(1.18);opacity:.2}}#focus-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;opacity:0;font:8px Arial;letter-spacing:.3em;color:#bdc8b3}#focus-mark i{display:block;width:80px;height:80px;border:1px solid #9caf8866;border-radius:50%;margin:0 auto 25px}#progress{position:absolute;height:2px;bottom:0;left:0;background:var(--gold);width:0}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);width:min(720px,92vw);max-height:85dvh;padding:60px;line-height:2.4}dialog::backdrop{background:#11180ecc;backdrop-filter:blur(6px)}dialog h2{font-size:30px;font-weight:400}dialog p{font-size:15px}#close-dialog{float:right;font-size:11px;margin-bottom:30px}
@media(min-aspect-ratio:19/10){.intro-copy{top:22%}.intro-copy h2{font-size:65px}}@media(max-width:650px){.entrance-header,.journal-header{padding:25px 6%}.wordmark{font-size:17px}.wordmark span{font-size:6px}nav{gap:18px;font-size:10px}.intro-copy{top:42%;left:8%}.intro-copy h2{font-size:53px;line-height:1.3;margin:20px 0 10px}.intro-copy .eyebrow{font-size:7px}.intro-copy>p:last-of-type{font-size:11px}.intro-copy #enter{margin-top:20px}.shade{background:linear-gradient(0deg,#080b09e8 2%,#080b0955 65%,transparent)}.entrance-bottom{bottom:23px;font-size:7px}.entrance-bottom>span:nth-child(2){display:none}.lead{padding:55px 8%;min-height:610px}.lead-index{display:none}h1{font-size:34px}.article-layout{display:block;padding:0 8%;margin-top:50px}aside{display:none}article{font-size:14px}.opening{font-size:18px}blockquote{font-size:25px}.essays{padding:40px 8% 55px}.section-top h2{font-size:24px}.section-top .eyebrow{font-size:8px}.essay-row{grid-template-columns:1fr 75px;gap:5px}.essay-row>span:first-child{grid-column:1/-1}.essay-row h3{font-size:16px;line-height:1.8}footer{flex-wrap:wrap;padding:35px 8%}dialog{padding:28px}dialog h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#lens-target:after{animation:none}}
/* Optical article selector: static imagery, brief transform-only movement. */
[hidden]{display:none!important}.optical-gallery{background:#111510;color:#eae8db;text-align:center;overflow:hidden;padding:50px 0 32px;min-height:calc(100svh - 105px)}body:has(#reader[hidden]) .journal-header,body:has(#reader[hidden]) footer{background:#111510;color:#eae8db;border-color:#31372b}.gallery-heading .eyebrow{color:#a2ad97;font-size:9px}.gallery-heading h1{font-size:clamp(25px,3vw,38px);line-height:1.7;margin:20px 0 10px;letter-spacing:.14em}.gallery-heading>p:last-child{font-size:11px;color:#b3b9a9;letter-spacing:.12em}.mobile-break{display:none}.lens-rail{--diameter:min(44vw,400px);position:relative;height:calc(var(--diameter) + 52px);margin:24px auto 0;max-width:1250px;touch-action:pan-y;outline-offset:-5px}.lens-card{width:var(--diameter);height:var(--diameter);padding:0;position:absolute;left:50%;top:20px;border-radius:50%;isolation:isolate;overflow:hidden;background:#1b211b;border:1px solid #9caa8655;box-shadow:0 0 0 5px #0a0f0a,0 0 0 6px #6b785d44,0 15px 36px #0009;transition:transform 620ms cubic-bezier(.22,.7,.22,1),opacity 480ms;transform:translateX(-50%);text-align:center;color:#f6f2e8}.lens-card:hover{opacity:1}.lens-card[data-position="left"]{transform:translateX(-155%) scale(.7);opacity:.42}.lens-card[data-position="right"]{transform:translateX(55%) scale(.7);opacity:.42}.lens-card[data-position="center"]{z-index:2}.lens-card[data-position="left"]:hover,.lens-card[data-position="right"]:hover{opacity:.7}.optical-image{position:absolute;inset:0;background-image:linear-gradient(#07100b33,#060b08d9),url('assets/microscope.png');background-repeat:no-repeat;background-size:cover,270%;filter:saturate(.45);z-index:-2}.image-one{background-position:center,56% 30%}.image-two{background-position:center,92% 60%;background-size:cover,330%}.image-three{background-position:center,58% 92%;background-size:cover,320%}.lens-glass{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 20px 12px #010602cc,inset 0 0 2px 2px #d1dabb77;background:radial-gradient(ellipse at 28% 13%,#eef5dd14,transparent 42%);pointer-events:none}.lens-copy{position:absolute;inset:19% 9%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;text-shadow:0 2px 12px #000}.lens-copy .eyebrow{color:#cfdbc0;font-size:9px}.lens-copy strong{font-size:clamp(18px,2.15vw,29px);font-weight:400;line-height:1.9;letter-spacing:.08em}.lens-excerpt{font-size:10px;color:#d4d9cb;letter-spacing:.06em}.lens-read{font:10px Arial,sans-serif;border-bottom:1px solid #c7cdb477;padding:0 0 9px;margin-top:5px}.lens-card:not([data-position="center"]) .lens-read,.lens-card:not([data-position="center"]) .lens-excerpt{visibility:hidden}.lens-card.focusing .lens-copy{animation:refocus 500ms ease-out}@keyframes refocus{0%{opacity:.55;filter:blur(2px)}100%{opacity:1;filter:blur(0)}}.lens-controls{display:flex;justify-content:center;gap:30px;align-items:center;margin:18px 0}.lens-controls button{width:42px;height:42px;border:1px solid #89957a77;border-radius:50%;font:18px Arial}.lens-controls button:hover{background:#c8d5b91a}.lens-controls>span{min-width:65px;font:11px Arial;letter-spacing:.15em}.lens-controls>span span{color:#85917b}.gallery-hint{font:10px Arial,sans-serif;color:#aeb7a3;letter-spacing:.1em}.gallery-hint span{margin:0 10px}.gallery-draft{font:9px Arial,sans-serif;color:#88927f;margin:35px 0 0;letter-spacing:.08em}.reader-nav{padding:23px 6%;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.reader-nav button{font-size:11px}.lens-transition{position:fixed;border-radius:50%;overflow:hidden;z-index:8;pointer-events:none;background:#111810;box-shadow:inset 0 0 28px #000;contain:paint}.lens-transition .optical-image{z-index:0}.lens-transition .lens-glass{z-index:1}#gallery-title:focus,#article-title:focus{outline:none}.lens-card:focus-visible{outline:2px solid #dfd4ad;outline-offset:9px}#reader .lead>.eyebrow{color:#606955}
@media(max-width:650px){.optical-gallery{padding-top:36px;min-height:calc(100svh - 87px)}.gallery-heading h1{font-size:25px}.lens-rail{--diameter:76vw;margin-top:25px;height:calc(var(--diameter) + 35px)}.lens-card[data-position="left"]{transform:translateX(-145%) scale(.72)}.lens-card[data-position="right"]{transform:translateX(45%) scale(.72)}.lens-copy{gap:13px}.lens-copy strong{font-size:22px}.lens-copy .eyebrow{font-size:8px}.lens-excerpt{font-size:9px}.lens-controls{margin-top:15px}.gallery-draft{font-size:8px;margin-top:28px}.reader-nav>.eyebrow{display:none}nav{gap:12px}.journal-header .wordmark{font-size:15px}.journal-header nav button{font-size:9px}.gallery-hint{font-size:9px}}@media(prefers-reduced-motion:reduce){.lens-card{transition:none}.lens-card.focusing .lens-copy{animation:none}}
@media(max-width:650px){.mobile-break{display:block}}
/* Personal journal: light within a dark optical field. */
.genre-nav{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:28px 20px 0;font:11px Arial,sans-serif}.genre-nav button{padding:10px 18px;border:1px solid #77806655;border-radius:25px;color:#bfc7b5;transition:background .2s,color .2s}.genre-nav button[aria-pressed=true]{background:#dddcca;color:#22281e;border-color:#dddcca}.genre-nav .hobby-genre{border-color:#b29a7288;color:#e0cba9}.hobby-genre span{font:italic 19px Georgia,serif;padding-left:8px}.genre-note{font:10px Arial,sans-serif;color:#a4af98;letter-spacing:.06em;margin-top:16px}.genre-nav button:disabled,.lens-controls button:disabled{opacity:.25;cursor:default}.lens-rail.changing{animation:genre-focus .55s ease-out}@keyframes genre-focus{from{opacity:.25;filter:blur(2px)}to{opacity:1;filter:blur(0)}}
#reader{color:#e4e1d2;background:radial-gradient(ellipse at 50% 5%,#2a3026 0,#171c16 50%,#080d09 100%);position:relative;isolation:isolate}#reader:after{content:'';position:fixed;inset:0;pointer-events:none;border-radius:40%;box-shadow:inset 0 0 100px #0005;z-index:-1}body:has(#reader:not([hidden])) .journal-header,body:has(#reader:not([hidden])) footer{background:#141a13;color:#e4e1d2;border-color:#4b534033}#reader .lead,#reader .reader-nav{border-color:#76816a33}#reader .lead>.eyebrow,#reader aside,#reader .dek,#reader .draft,#reader .article-note{color:#abb69f}#reader article{font-size:16px;line-height:2.6}#reader blockquote{color:#e7dabb;border-color:#9caa83}#reader .lead-index{color:#8f9e81}#reader .lead{background:radial-gradient(ellipse at 85% 50%,#d5d8b30a,transparent 50%)}
/* The violin is a photographic space. Projection layers are monochrome light. */
#hobby-world{position:fixed;inset:0;z-index:7;background:#130b06;color:#eee5d4;overflow-y:auto;overscroll-behavior:contain;isolation:isolate}.chamber-wall{position:fixed;inset:0;background-size:cover;background-position:center;z-index:-3}.chamber-shade{position:fixed;inset:0;background:linear-gradient(#090703b3 0,transparent 32%,transparent 65%,#080602dd),radial-gradient(ellipse at center,transparent 30%,#08040166);z-index:-2;pointer-events:none}.chamber-header{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:27px 4%;border-bottom:1px solid #d4b48d22;gap:15px}.chamber-header>span{font-size:16px;letter-spacing:.12em;text-align:center}.chamber-header small{display:block;font:7px Arial,sans-serif;letter-spacing:.22em;margin-top:8px;color:#c6b6a2}.chamber-header button{font:10px Arial,sans-serif;color:#dfd1bd;padding:10px 0;white-space:nowrap}#chamber-content{min-height:calc(100svh - 92px);display:flex;flex-direction:column;justify-content:space-between}.chamber-title{text-align:center;padding:37px 20px 0;text-shadow:0 2px 18px #000}.chamber-title .eyebrow{font-size:8px;color:#cab696}.chamber-title h1{font-size:clamp(30px,3.6vw,50px);font-weight:400;line-height:1.5;letter-spacing:.17em;margin:16px 0}.chamber-title>p:last-child{font-size:11px;letter-spacing:.14em;color:#d5c3aa}.projection-wall{position:relative;display:flex;justify-content:center;align-items:center;gap:4.5%;padding:35px 6% 50px;min-height:360px;perspective:1400px}.projection{width:27%;max-width:340px;position:relative;padding:0;background:none;border:0;color:#f1eadb;text-align:center;isolation:isolate;transition:transform .6s,opacity .4s;transform:rotate(-3deg) rotateY(8deg);outline-offset:14px}.projection:nth-of-type(2){transform:translateY(-12px) rotate(1deg);width:30%;max-width:380px}.projection:nth-of-type(3){transform:rotate(4deg) rotateY(-9deg)}.projection:hover,.projection:focus-visible{transform:translateY(-7px) scale(1.025);opacity:1}.projected-photo{display:block;width:100%;aspect-ratio:1.2;background-size:300% 100%;background-repeat:no-repeat;filter:grayscale(1) contrast(1.12) brightness(1.05);mix-blend-mode:screen;opacity:.76;mask-image:linear-gradient(transparent,#000 3%,#000 97%,transparent),linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect;box-shadow:0 0 24px #e8e4d544;transition:opacity .4s}.projection:hover .projected-photo{opacity:1}.slide-one{background-position:0% 50%}.slide-two{background-position:50% 50%}.slide-three{background-position:100% 50%}.projection-caption{display:block;padding-top:18px;text-shadow:0 1px 9px #000}.projection-caption small{font:8px Arial,sans-serif;letter-spacing:.16em;color:#ddcdb7}.projection-caption strong{display:block;font-weight:400;font-size:clamp(17px,2vw,27px);letter-spacing:.12em;line-height:1.6;margin:9px 0}.projection-caption>span{font:9px Arial,sans-serif;color:#d5c3ab;letter-spacing:.1em;border-bottom:1px solid #bba88b66;padding-bottom:5px}.light-beam{position:absolute;pointer-events:none;z-index:-1;inset:0;background:linear-gradient(12deg,#e9e6da0c,transparent 65%);clip-path:polygon(0 100%,34% 8%,76% 3%);mix-blend-mode:screen}.beam-b{transform:scaleX(-1);opacity:.5}.chamber-bottom{text-align:center;padding:15px 20px 28px;color:#c8b79d;font:9px Arial,sans-serif;letter-spacing:.1em}.chamber-bottom i{padding:0 15px}.chamber-bottom p{font-size:8px;color:#a79987;margin:16px 0}.chamber-bottom button{font-size:9px;color:#d8cdbb;text-decoration:underline;text-underline-offset:5px}.projection.illuminating{animation:lamp-on 1000ms ease both}@keyframes lamp-on{0%{opacity:0}30%{opacity:.3}55%{opacity:.22}100%{opacity:1}}
#violin-gate{position:fixed;inset:0;background:#0b0603;z-index:6;overflow:hidden}#violin-face{position:absolute;width:100%;height:100%;object-fit:cover;transform-origin:50% 50%;will-change:transform,opacity}.gate-shade{position:absolute;inset:0;background:linear-gradient(90deg,#060301aa,transparent 70%)}.gate-copy{position:absolute;left:9%;top:34%;text-shadow:0 2px 20px #000}.gate-copy h2{font-size:clamp(35px,6vw,80px);font-weight:400;letter-spacing:.15em;margin:22px 0}.gate-copy>p:last-child{font-size:12px;letter-spacing:.1em}.gate-copy .eyebrow{font-size:10px;color:#e2c7a0}#skip-violin{position:absolute;right:5%;bottom:35px;font-size:11px;color:#d8c3a6;z-index:3}.gate-black{position:absolute;inset:0;background:#080502;opacity:0;pointer-events:none}
#projection-reader{position:relative;padding:28px 6% 80px;background:linear-gradient(90deg,#080704dd,#0d0905aa,#080704dd);min-height:calc(100svh - 92px)}#close-projection{font-size:11px;border-bottom:1px solid #b8aa8a55;padding-bottom:10px}.projected-essay{max-width:720px;margin:42px auto 0;color:#e9e0d0;font-size:16px;line-height:2.6}.projected-essay>.eyebrow{color:#baab91;font-size:9px}.projected-essay h1{font-size:clamp(30px,4vw,46px);font-weight:400;letter-spacing:.12em}.projected-essay figure{margin:40px 0}.essay-photo{aspect-ratio:1.4;background-size:300% 100%;filter:grayscale(1);opacity:.88;mix-blend-mode:screen;mask-image:linear-gradient(#000 92%,transparent)}.projected-essay figcaption{font:9px Arial,sans-serif;color:#a99a80;margin-top:10px;letter-spacing:.08em}.projected-essay p{margin-bottom:28px}.projected-essay .projection-draft{font:10px/2 Arial,sans-serif;color:#ac9d86;border-top:1px solid #c1b39733;padding-top:20px}.projected-essay #projection-next{color:#e6d8bd;font-size:12px;border-bottom:1px solid #baab8f88;padding:10px 0}.projected-essay.entering-page{animation:essay-focus .8s ease-out}@keyframes essay-focus{from{opacity:.1;filter:blur(2px);transform:scale(.97)}to{opacity:1;filter:blur(0);transform:scale(1)}}body.in-hobby{overflow:hidden}
@media(max-width:650px){.genre-nav{gap:7px;margin:23px 12px 0}.genre-nav button{font-size:10px;padding:8px 11px}.genre-note{font-size:9px}.chamber-header{padding:18px 5%;flex-wrap:wrap}.chamber-header>span{font-size:13px;order:-1;width:100%;margin-bottom:3px}.chamber-header button{font-size:9px}.chamber-header small{font-size:6px}.chamber-title{padding-top:25px}.chamber-title h1{font-size:28px}.chamber-title>p:last-child{font-size:10px;line-height:2}.projection-wall{display:block;padding:18px 15% 10px;min-height:0;perspective:none}.projection,.projection:nth-of-type(2),.projection:nth-of-type(3){display:block;width:100%;max-width:340px;margin:25px auto 42px;transform:rotate(-2deg)}.projection:nth-of-type(2){transform:rotate(2deg)}.projection:nth-of-type(3){transform:rotate(-1deg)}.projection-caption{padding-top:8px}.projection-caption strong{font-size:23px}.projected-photo{aspect-ratio:1.45}.chamber-wall{background-position:52% center}.chamber-shade{background:linear-gradient(#07050377,#08050344,#080502aa)}.chamber-bottom{font-size:8px;line-height:2}.gate-copy{top:auto;bottom:18%;left:8%}.gate-copy h2{font-size:38px}.gate-copy>p:last-child{font-size:10px}.gate-shade{background:linear-gradient(0deg,#060301bb,transparent 80%)}.projected-essay{margin-top:30px;font-size:15px}.projected-essay h1{font-size:29px}.essay-photo{aspect-ratio:1.15}.projected-essay figure{margin:28px 0}#reader article{font-size:15px}}
@media(prefers-reduced-motion:reduce){.lens-rail.changing,.projection.illuminating,.projected-essay.entering-page{animation:none}.projection,.projected-photo{transition:none}}
.projection{isolation:auto}#chamber-title:focus,#projection-title:focus{outline:none}
.projection{mix-blend-mode:screen}.projected-photo{mix-blend-mode:normal;opacity:.85;box-shadow:none;filter:grayscale(1) contrast(1.3) brightness(1.1)}
.projection-wall{mix-blend-mode:screen;perspective:none}

/* Zoom the verified photograph without mirroring the instrument geometry. */
#violin-view{position:absolute;inset:0;will-change:transform,opacity}#violin-face{transform:none;transform-origin:center;will-change:auto;object-fit:contain;object-position:center}
@media(max-aspect-ratio:3/2){#violin-face{object-fit:cover;object-position:60% center}}
/* A private catalogue within the violin: quiet print, monochrome plates, wood. */
.chamber-bottom .archive-door{display:flex;align-items:center;justify-content:center;gap:28px;width:min(440px,100%);margin:0 auto 28px;padding:18px 15px;border-top:1px solid #d2bb9166;border-bottom:1px solid #d2bb9166;text-decoration:none;color:#eee4cf}.archive-door>span:first-child{font:7px/1.7 Arial,sans-serif;letter-spacing:.13em;width:92px;text-align:left}.archive-door strong{font:17px 'Yu Mincho',serif;letter-spacing:.12em;font-weight:400}.archive-door>span:last-child{font-size:18px;margin-left:auto}.archive-door:hover{background:#e8dab811;opacity:1}
#hobby-archive{min-height:calc(100svh - 90px);padding:26px max(6%,calc((100vw - 1100px)/2)) 65px;background:linear-gradient(90deg,#110c08e8,#17110ad4 50%,#0f0b07eb);color:#e9dfc9}.archive-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;font:9px Arial,sans-serif;color:#b8a78a}.archive-topline button{font-size:11px;padding:10px 0}.archive-topline span{font-size:8px;letter-spacing:.12em}.archive-topline i,.catalog-legend i{font-style:normal;margin:0 12px;color:#74634c}.archive-cover{display:grid;grid-template-columns:60px 1fr 115px;gap:32px;align-items:center;padding:45px 0 42px;position:relative;border-bottom:1px solid #b49d7066}.archive-mark{font:italic 130px/.8 Georgia,serif;color:#b4985a55;align-self:start;margin-top:36px;user-select:none}.archive-cover .eyebrow{font-size:8px;color:#b4a282}.archive-cover h1{font-size:clamp(30px,3.6vw,47px);line-height:1.6;margin:18px 0 14px;letter-spacing:.16em;font-weight:400}.archive-cover p:last-child{font-size:11px;line-height:2.1;color:#baac91;letter-spacing:.09em}.catalog-number{border-left:1px solid #b49d7044;padding-left:28px;align-self:end;margin-bottom:14px;font-size:12px;letter-spacing:.2em}.catalog-number strong{display:block;font:58px/1.3 Georgia,serif;font-weight:400;letter-spacing:-.04em;color:#d5bf91}.catalog-number small{font:6px Arial,sans-serif;letter-spacing:.12em}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 0 24px}.catalog-tabs{display:flex;gap:24px}.catalog-tabs button{font:11px Arial,sans-serif;color:#b2a58e;padding:9px 0;border-bottom:1px solid transparent}.catalog-tabs button[aria-pressed=true]{color:#f4e6c4;border-color:#d0b276}.catalog-search{display:flex;align-items:center;gap:15px;font:9px Arial,sans-serif;color:#ad9e83}.catalog-search input{width:185px;border:0;border-bottom:1px solid #b49d7055;border-radius:0;color:#ecdfc5;background:transparent;font:11px Arial,sans-serif;padding:10px 3px;outline-offset:4px}.catalog-search input::placeholder{color:#9d8d73}.catalog-legend{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #b49d7033;padding:16px 0;color:#a99a7f;font:8px Arial,sans-serif;letter-spacing:.12em}.archive-entries{display:grid;grid-template-columns:1fr 1fr;column-gap:36px}.archive-entry{display:grid;grid-template-columns:100px 1fr;gap:20px;width:100%;text-align:left;padding:26px 0;border-top:1px solid #b49d703d;color:#e5dbc5;background:none;align-items:start}.archive-entry:hover{opacity:1}.archive-thumb{display:block;width:100px;aspect-ratio:4/5;background-size:300% 100%;filter:grayscale(1) sepia(.12);opacity:.7;box-shadow:0 0 0 1px #ddc49a33,0 8px 16px #0006;transition:opacity .3s,transform .3s}.archive-entry:hover .archive-thumb,.archive-entry:focus-visible .archive-thumb{opacity:1;transform:translateY(-3px)}.entry-info{display:block}.entry-info small{font:8px Arial,sans-serif;letter-spacing:.09em;color:#af9b7c}.entry-info strong{display:block;font:20px/1.8 'Yu Mincho',serif;letter-spacing:.04em;font-weight:400;margin:10px 0 7px}.entry-excerpt{display:block;font:10px/1.9 Arial,sans-serif;color:#b5a68d}.entry-read{display:block;font:8px Arial,sans-serif;letter-spacing:.1em;color:#c8b390;margin-top:15px}.archive-more-wrap{text-align:center;padding:30px 0 45px;border-top:1px solid #b49d703d}.archive-more-wrap button{font:11px Arial,sans-serif;color:#e3d2af;border:1px solid #b49d7055;padding:13px 35px}.catalog-colophon{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #b49d7055;padding-top:25px;color:#baa88a}.catalog-colophon>span{font-size:14px;letter-spacing:.1em}.catalog-colophon small{display:block;font:7px Arial,sans-serif;margin-top:10px;letter-spacing:.15em}.catalog-colophon p{font:9px/2 Arial,sans-serif;color:#9d8c73;margin:0}#archive-empty{text-align:center;padding:50px 0 25px;color:#c9b797;font-size:16px}#archive-empty button{font-size:11px;border-bottom:1px solid #c9b79755;padding:10px 0}#archive-title:focus{outline:none}#hobby-archive button:focus-visible,#hobby-archive input:focus-visible{outline:2px solid #c5b086;outline-offset:5px}
@media(max-width:900px){.archive-entries{column-gap:24px}.archive-entry{grid-template-columns:80px 1fr;gap:16px}.archive-thumb{width:80px}.entry-info strong{font-size:18px}.catalog-tabs{gap:18px}.catalog-search>span{display:none}}
@media(max-width:650px){#hobby-archive{padding:18px 7% 40px}.archive-topline>span{font-size:6px}.archive-topline button{font-size:10px}.archive-cover{grid-template-columns:1fr 65px;gap:15px;padding:28px 0}.archive-mark{display:none}.archive-cover h1{font-size:28px;letter-spacing:.11em}.archive-cover p:last-child{font-size:10px}.catalog-number{padding-left:15px}.catalog-number strong{font-size:42px}.catalog-number span{font-size:10px}.catalog-number small{font-size:5px;letter-spacing:0}.catalog-tools{display:block;padding:16px 0}.catalog-tabs{gap:26px}.catalog-search{margin-top:12px}.catalog-search>span{display:block}.catalog-search input{flex:1;min-width:0}.archive-entries{grid-template-columns:1fr}.archive-entry{grid-template-columns:92px 1fr;gap:21px;padding:23px 0}.archive-thumb{width:92px}.entry-info strong{font-size:20px}.catalog-colophon{display:block}.catalog-colophon p{margin-top:20px;font-size:8px}.chamber-bottom .archive-door{gap:15px}.archive-door strong{font-size:16px}.archive-door>span:first-child{width:76px;font-size:6px}}
@media(prefers-reduced-motion:reduce){.archive-thumb{transition:none}}
@media(min-width:651px){.archive-cover{padding:29px 0 27px;grid-template-columns:50px 1fr 100px;gap:25px}.archive-cover h1{font-size:clamp(28px,3vw,39px);line-height:1.7;margin:15px 0 10px}.archive-cover h1 br{display:none}.archive-mark{font-size:100px;margin-top:20px}.catalog-number strong{font-size:48px}.catalog-number{padding-left:20px}}

/* takaplastics.com への統合（2026-10-09）：メインサイトへ戻る導線・記事の日付 */
.home-link{font-family:'Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN',sans-serif;font-size:11px;letter-spacing:.08em;opacity:.72;border-bottom:1px solid currentColor;padding-bottom:2px}
.journal-header nav{display:flex;align-items:center;gap:22px}
.entrance-actions{display:flex;align-items:center;gap:26px}
.entrance-actions .home-link{color:#cccbbb;font-size:11px;font-family:Arial}
footer .home-link{font-size:10px}
.projection-date{font-family:'Helvetica Neue',Arial,sans-serif;font-size:11px;letter-spacing:.12em;opacity:.6;margin:-6px 0 18px}
.genre-slot{display:contents}
@media(max-width:650px){.journal-header nav .home-link .hl-long{display:none}.entrance-actions{gap:16px}.entrance-actions .home-link{font-size:10px}}

/* 記事がまだ無いとき（2026-10-09） */
.lens-empty{cursor:default}.lens-empty .lens-glass{opacity:.6}.projection-empty{cursor:default}.projection-empty .projected-photo{background:radial-gradient(ellipse at 50% 45%,#f4ead533,#00000000 70%)}

/* 副題・連載の回（2026-10-09） */
.projection-sub{font-size:clamp(15px,1.6vw,19px);letter-spacing:.12em;line-height:1.9;opacity:.82;margin:-8px 0 26px}
.projection-series{font-family:'Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN',sans-serif;font-size:11px;letter-spacing:.14em;opacity:.62;margin:0 0 10px}

/* 連載のリンク・施術の注記（2026-10-09） */
.series-link{display:block;margin:44px 0 10px;padding:22px 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor;border-color:color-mix(in srgb,currentColor 25%,transparent)}
.series-link small{display:block;font-family:'Helvetica Neue',Arial,sans-serif;font-size:11px;letter-spacing:.14em;opacity:.6;margin-bottom:8px}
.series-link strong{font-weight:400;font-size:16px;letter-spacing:.06em;line-height:1.8}
#projection-text .series-link:first-child{margin-top:0;margin-bottom:34px}
#article-body > .series-link:first-child{margin-top:0;margin-bottom:34px}
.treatment-note{margin-top:40px;padding:20px 22px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);font-family:'Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN',sans-serif}
.treatment-note small{display:block;font-size:10px;letter-spacing:.16em;opacity:.6;margin-bottom:8px}
.treatment-note a{font-size:13px;border-bottom:1px solid currentColor}
.treatment-note p{font-size:11px;line-height:1.9;opacity:.75;margin:12px 0 0}

/* 2026-10-11 院長「ブログの中にも、タイトルの右側に挿絵を」→ 記事の題の右に、丸い視野と同じ円形の挿絵（顕微鏡の仮画像の記事には出さない） */
.lead-figure{position:absolute;right:7%;top:50%;transform:translateY(-50%);width:min(30vw,420px);aspect-ratio:1;margin:0;border-radius:50%;overflow:hidden;background-size:cover;background-repeat:no-repeat;filter:saturate(.6) sepia(.08) brightness(.86);box-shadow:0 0 0 5px #0a0f0a,0 0 0 6px #6b785d44,0 18px 40px #0008}
.lead-figure-glass{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 22px 10px #010602aa,inset 0 0 2px 2px #d1dabb55;background:radial-gradient(ellipse at 28% 13%,#eef5dd18,transparent 42%)}
.lead.has-figure{padding-right:calc(7% + min(30vw,420px) + 48px)}
.lead.has-figure .lead-index{display:none}
@media(max-width:900px){.lead.has-figure{padding-right:8%}.lead-figure{position:relative;right:auto;top:auto;transform:none;width:min(72vw,340px);margin:6px auto 30px;display:block}}
/* 2026-10-11 院長「画面の右側半分を、ややフェードインしながら移っていく感じ」→ パソコンは右半分に広げて左から溶け込ませ、開いたときにふわっと現れる。スマホは円のまま（院長OK） */
@media(min-width:901px){.lead.has-figure{padding-right:34%}.lead-figure{right:0;top:0;bottom:0;transform:none;width:60%;aspect-ratio:auto;border-radius:0;box-shadow:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 8%,rgba(0,0,0,.22) 24%,rgba(0,0,0,.8) 48%,#000 64%);mask-image:linear-gradient(to right,transparent 0%,transparent 8%,rgba(0,0,0,.22) 24%,rgba(0,0,0,.8) 48%,#000 64%);filter:saturate(.6) sepia(.08) brightness(.82);background-position:68% 50%!important;animation:lead-figure-in 1.8s cubic-bezier(.22,.7,.22,1) both}.lead-figure-glass{border-radius:0;box-shadow:none;background:linear-gradient(#141a1366,transparent 18%,transparent 82%,#0b100a99)}}
@keyframes lead-figure-in{from{opacity:0;transform:translateX(48px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.lead-figure{animation:none}}

/* 院長のページへ戻る導線（2026-10-12）：記事の最後の院長紹介・フッターの案内 */
.author-card{display:grid;grid-template-columns:96px 1fr;gap:26px;align-items:start;margin:56px 0 48px;padding:30px 0 0;border-top:1px solid #c4b48b44}.author-card img{width:96px;height:96px;border-radius:50%;object-fit:cover;filter:sepia(.18);box-shadow:0 0 0 1px #c4b48b55,0 0 0 6px #c4b48b14}.author-card small{display:block;font-family:'Helvetica Neue',Arial,sans-serif;font-size:10px;letter-spacing:.18em;color:var(--gold);margin-bottom:8px}.author-card strong{display:block;font-size:20px;font-weight:500;letter-spacing:.12em;margin-bottom:10px}.author-card p{font-size:14px;line-height:2;margin:0 0 16px;opacity:.86}.author-card nav{display:flex;flex-wrap:wrap;gap:10px 22px}.author-card nav a{font-size:13px;letter-spacing:.06em;color:inherit;text-decoration:none;border-bottom:1px solid #c4b48b88;padding-bottom:3px}.author-card nav a:hover,.author-card nav a:focus-visible{color:var(--gold)}@media(max-width:650px){.author-card{grid-template-columns:64px 1fr;gap:16px}.author-card img{width:64px;height:64px}.author-card strong{font-size:18px}.author-card p{font-size:13px}}
footer{align-items:flex-start}.ft-brand p{margin:10px 0 18px}.ft-home{display:inline-block;font-family:'Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN',sans-serif;font-size:12px;letter-spacing:.06em;color:inherit;border:1px solid #c4b48b88;padding:10px 16px;text-decoration:none}.ft-home:hover,.ft-home:focus-visible{border-color:var(--gold);color:var(--gold)}.ft-site{display:flex;gap:44px;font-family:'Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN',sans-serif}.ft-site div{display:flex;flex-direction:column;gap:10px}.ft-site span{font-size:10px;letter-spacing:.16em;color:var(--gold);margin-bottom:2px}.ft-site a{font-size:12px;color:inherit;opacity:.8;text-decoration:none}.ft-site a:hover,.ft-site a:focus-visible{opacity:1;color:var(--gold)}@media(max-width:650px){footer{flex-direction:column;gap:30px}.ft-site{gap:26px;flex-wrap:wrap}.ft-site a{font-size:13px}}
@media(max-width:400px){.journal-header nav{gap:13px}}