/* YKTN.CLUB — Signature V3. Original design. No external fonts, frameworks, trackers. */
:root{--cream:#e9e0cf;--paper:#f4efe5;--paper-2:#ebe4d7;--ink:#171513;--brown:#4e473e;--muted:#6c6257;--red:#9e2f24;--gold:#a78955;--line:#d6ccbb;--deep:#1e2928;--serif:"Shippori Mincho","Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;--sans:"Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.85 var(--sans);-webkit-font-smoothing:antialiased}img,video,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:4px}a:hover{opacity:.83}.wrap{width:min(1210px,calc(100% - 112px));margin-inline:auto}.skip{position:absolute;z-index:999;top:-100px;left:12px;padding:12px 18px;background:#fff}.skip:focus{top:12px}.header{position:relative;z-index:60;background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{height:94px;padding:0 clamp(25px,4.7vw,82px);display:flex;align-items:center;gap:38px}.wordmark{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;min-width:0}.brand-mark{width:47px;height:47px;color:var(--ink);flex-shrink:0}.wordmark-copy strong{font:600 17px/1.4 var(--serif);letter-spacing:.06em;white-space:nowrap;display:block}.wordmark-copy small{display:block;letter-spacing:.13em;font:10px/1.7 var(--sans);color:var(--muted);margin-top:3px}.desktop-nav{margin-left:auto;display:flex;gap:clamp(15px,1.6vw,29px);align-items:center}.desktop-nav a{font:600 11px/1.5 var(--sans);letter-spacing:.1em}.desktop-nav a[aria-current]{color:var(--red)}.header-cta{border:1px solid #82796b;padding:13px 17px;font-size:12px;font-weight:600;white-space:nowrap;display:flex;align-items:center;gap:19px}.header-cta span,.underlink span,.btn span{color:var(--red)}.menu-button{display:none}.mobile-panel{display:none}.hero{min-height:min(820px,calc(100svh - 94px));height:calc(100svh - 94px);max-height:950px;position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#0b2427;color:#f6f0e4}.hero-media,.hero-tone{position:absolute;inset:0}.hero-media picture,.hero-media picture img,.hero-video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.hero-video{opacity:0;transition:opacity .8s ease}.hero-video.playing{opacity:1}.hero-tone{pointer-events:none;background:linear-gradient(90deg,rgba(6,19,21,.80) 3%,rgba(10,25,25,.56) 47%,rgba(8,26,25,.15) 90%),linear-gradient(0deg,rgba(4,15,18,.47),transparent 45%)}.hero-content{position:relative;z-index:2;padding-bottom:40px}.hero-eyebrow{font:600 11px/1.7 var(--sans);letter-spacing:.29em;color:#cfbc9b;margin:0 0 28px}.hero h1{font:500 clamp(47px,5.15vw,86px)/1.44 var(--serif);letter-spacing:.09em;margin:0 0 25px;max-width:980px;text-wrap:balance}.hero h1 span{color:#f6e4c9}.hero-description{font:16px/2.1 var(--serif);letter-spacing:.045em;max-width:570px;color:#f2ebde;margin:0}.hero-actions{display:flex;align-items:center;gap:35px;flex-wrap:wrap;margin-top:40px}.btn{min-height:56px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:14px 23px;transition:transform .2s ease,background .2s ease;text-align:left;font-size:13px;font-weight:600;letter-spacing:.06em}.btn:hover{transform:translateY(-2px);opacity:1}.btn-bright{background:var(--cream);color:var(--ink);border:1px solid var(--cream)}.btn-fill{background:var(--ink);color:#fff;border:1px solid var(--ink)}.btn-fill span{color:#d5b789}.hero-text-link{color:#f2e9db;border-bottom:1px solid rgba(243,230,210,.75);padding:9px 0;font-size:13px}.hero-text-link span{color:#d6b98c}.hero-bottom{position:absolute;bottom:24px;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-index{font:10px/1.7 var(--sans);letter-spacing:.2em;color:#d8d0c3}.index-dot{padding:0 13px;color:#d3a566}.video-toggle{border:1px solid rgba(255,255,255,.7);background:rgba(5,18,18,.25);color:#fff;min-height:44px;min-width:126px;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;padding:8px 14px;font-size:12px}.video-toggle:hover{background:rgba(5,18,18,.63)}.utility-strip{background:var(--red);color:#f8efe6}.utility-inner{min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:24px}.utility-inner p{font-size:13px;margin:0}.utility-inner a{font-size:12px;border-bottom:1px solid #d7bcb5;white-space:nowrap;padding-block:5px}.section{padding:116px 0}.eyebrow{color:var(--red);letter-spacing:.18em;font:700 11px/1.8 var(--sans);margin:0 0 22px}.eyebrow span{color:var(--gold)}.section-title{font:500 clamp(36px,3.85vw,61px)/1.62 var(--serif);letter-spacing:.07em;margin:0;text-wrap:balance}.intro{background:var(--paper)}.intro-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:110px;align-items:end}.intro-text{padding-bottom:10px}.intro-text>p,.story-text p{font:16px/2.35 var(--serif);color:#453e37;letter-spacing:.015em;margin:0 0 24px}.underlink{display:inline-flex;align-items:center;gap:18px;min-height:44px;border-bottom:1px solid #94826c;font:600 13px/1.6 var(--sans);letter-spacing:.015em;padding:8px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:39px}.section-heading .eyebrow{margin-bottom:8px}.works-section{background:#eae1d3}.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.work-card{min-width:0}.work-cover{display:block;position:relative;aspect-ratio:1.57;overflow:hidden;background:#162a29}.work-cover img{width:100%;height:100%;object-fit:cover;filter:brightness(.92)}.work-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,12,14,.48))}.work-cover-no{position:absolute;z-index:2;top:30px;left:34px;color:#fff6e9;font:400 70px/1 var(--serif);opacity:.83}.work-cover-caption{position:absolute;z-index:2;bottom:23px;left:34px;color:#e7ddd0;letter-spacing:.2em;font-size:10px}.work-meta{padding:23px 0 0;display:flex;justify-content:space-between;gap:20px;align-items:start}.work-tag{margin:0 0 5px!important;font-size:11px!important;letter-spacing:.13em;color:var(--red)!important;font-family:var(--sans)!important}.work-meta h3{font:500 29px/1.45 var(--serif);margin:0 0 6px}.work-meta p{font-size:14px;color:var(--muted);margin:0}.work-meta .underlink{flex-shrink:0;font-size:12px}.art-disclaimer{font-size:12px;color:var(--muted);line-height:1.8;margin:30px 0 0}.film-feature{background:var(--deep);color:#f4eade;padding:115px 0}.film-layout{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7.5%}.film-art{position:relative;height:500px;overflow:hidden;background:#0b2222}.film-art img{width:100%;height:100%;object-fit:cover}.film-art-tag{position:absolute;bottom:22px;left:25px;background:rgba(5,26,26,.7);padding:10px 13px;letter-spacing:.18em;font-size:10px}.film-copy .eyebrow{color:#cdb385}.film-copy .section-title{font-size:clamp(33px,3.5vw,54px)}.film-copy>p:not(.eyebrow){font:15px/2.45 var(--serif);color:#d6d0c7;max-width:470px;margin:22px 0 27px}.film-copy .underlink{color:#f2e8d9;border-color:#b5a388}.film-copy .underlink span{color:#c69c69}.journal-section{background:var(--paper)}.journal-list{border-top:1px solid var(--line)}.journal-row{min-height:96px;border-bottom:1px solid var(--line);padding:24px 9px;display:grid;grid-template-columns:160px 1fr 24px;align-items:center;gap:23px;transition:background .2s ease}.journal-row:hover{background:#e9e0d1;opacity:1}.journal-row time{font:12px var(--sans);color:var(--muted);letter-spacing:.07em}.journal-row span:nth-child(2){font:500 18px/1.6 var(--serif)}.journal-row .arrow{color:var(--red)}.journal-footnote{color:var(--muted);font-size:13px;margin:24px 0 0}.revisit{background:#9a3229;color:#fff6e9;padding:104px 0;text-align:center}.revisit .eyebrow{color:#f7d6b5}.revisit h2{font:500 clamp(35px,4.2vw,59px)/1.65 var(--serif);letter-spacing:.08em;margin:0 auto 30px}.revisit .btn{margin-inline:auto}.footer{background:#181817;color:#e7dfd2;padding:76px 0 25px}.footer-layout{display:flex;justify-content:space-between;gap:50px}.footer-brand{font:500 24px/1.5 var(--serif);letter-spacing:.08em}.footer-layout p{font-size:12px;margin:8px 0;color:#cabfaf}.footer-layout .footer-caption{color:#9f998c}.footer-nav{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));column-gap:42px;row-gap:7px;font-size:13px}.footer-nav a{padding:3px}.footer-last{margin-top:65px;border-top:1px solid #49433c;padding-top:23px;display:flex;justify-content:space-between;gap:25px;font-size:11px;line-height:1.9;color:#aaa093}.page-banner{padding:94px 0 79px;border-bottom:1px solid var(--line)}.page-banner h1{font:500 clamp(46px,6vw,76px)/1.5 var(--serif);letter-spacing:.1em;margin:0 0 15px}.page-lead{font:17px/2.1 var(--serif);max-width:860px;color:var(--brown);margin:0}.inner-section{padding-top:68px}.work-detail{padding:50px 0 67px;display:grid;grid-template-columns:1fr .95fr;gap:8%;align-items:center;border-bottom:1px solid var(--line)}.work-detail:first-child{padding-top:10px}.work-detail-art{aspect-ratio:1.5;background:#1b302d}.work-detail-art img{width:100%;height:100%;object-fit:cover}.work-detail-copy h2{font:500 37px/1.6 var(--serif);margin:0 0 15px}.work-detail-copy>p:not(.eyebrow){font:15px/2.25 var(--serif);color:var(--brown)}.work-detail-copy dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:30px 0 28px;padding:18px 0}.work-detail-copy dl div{display:grid;grid-template-columns:90px 1fr;gap:15px;padding:6px 0;font-size:14px}.work-detail-copy dt{color:var(--muted)}.work-detail-copy dd{margin:0}.work-detail-copy .btn{min-width:236px}.link-pending{border:1px solid #cdb79c;background:#f6eddf;color:#635347;padding:14px 18px;font-size:13px;display:inline-block}.upcoming{background:var(--deep);color:#f4eadc;margin-top:85px;padding:47px 55px;display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.upcoming .eyebrow{color:#d3ac81}.upcoming h2{font:500 33px/1.6 var(--serif);margin:0}.upcoming p{font:15px/2.2 var(--serif);color:#d3c9bb;margin:16px 0}.upcoming .underlink{color:#f6f0df}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:11%;padding:18px 0 80px}.story-grid .section-title{font-size:clamp(34px,3.6vw,53px)}.story-text{padding-top:30px}.studio-picture{height:440px;position:relative;overflow:hidden;background:#162927}.studio-picture img{width:100%;height:100%;object-fit:cover}.studio-picture span{position:absolute;bottom:20px;left:22px;background:rgba(0,0,0,.55);color:white;padding:9px 13px;font-size:12px}.equip-heading{padding:84px 0 32px}.equip-heading h2{font:500 32px/1.6 var(--serif);margin:0}.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.equipment-grid>div{background:#ebe1d3;padding:30px 24px;min-height:190px}.equipment-grid small{font-size:11px;color:var(--red);letter-spacing:.08em}.equipment-grid h3{font:500 20px/1.55 var(--serif);margin:19px 0 9px;overflow-wrap:anywhere}.equipment-grid p{font-size:12px;color:var(--muted);margin:0}.calm-panel{max-width:910px;margin:15px auto;border:1px solid #d3c4af;padding:65px 70px;background:#f4ecdf}.calm-panel h2{font:500 35px/1.6 var(--serif)}.calm-panel p:not(.eyebrow){font:15px/2.4 var(--serif)}.policy-body{max-width:820px}.policy-body h2{font:500 28px var(--serif);border-bottom:1px solid var(--line);padding-bottom:14px;margin:32px 0 18px}.policy-body p{font:15px/2.35 var(--serif)}.policy-note{color:var(--red)}.policy-body a{text-decoration:underline}.article{max-width:910px;padding-top:88px;padding-bottom:150px}.article-back{margin-bottom:72px;color:var(--muted)}.article h1{font:500 clamp(35px,4.7vw,58px)/1.6 var(--serif);letter-spacing:.055em;margin:0 0 20px}.article-deck{font:17px/2.3 var(--serif);color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:45px}.article-content{font:16px/2.4 var(--serif);padding-top:38px;max-width:750px}.article-content h2{font:500 29px/1.7 var(--serif);padding-left:18px;border-left:3px solid var(--red);margin:55px 0 20px}.article-content h3{font:500 23px/1.7 var(--serif);margin:40px 0 18px}.article-content p{margin:0 0 24px}.article-content li{padding:4px 0}.article-end-link{display:inline-flex;gap:60px;padding:16px 20px;background:var(--ink);color:white;margin-top:60px;font-size:14px}.article-end-link span{color:#c4a26b}.empty{color:var(--muted);padding:30px 0}
@media(max-width:1160px){.header-inner{gap:18px}.desktop-nav{gap:13px}.desktop-nav a{font-size:10px}.header-cta{padding:11px 13px;font-size:11px}.wordmark-copy strong{font-size:15px}.intro-grid{gap:45px}}
@media(max-width:960px){.desktop-nav,.header-cta{display:none}.header-inner{height:76px}.menu-button{display:flex;margin-left:auto;align-items:center;gap:9px;background:transparent;border:1px solid #b0a494;min-height:44px;padding:7px 13px;font-size:12px;cursor:pointer}.mobile-panel:not([hidden]){display:grid;position:absolute;top:100%;left:0;right:0;z-index:100;padding:20px 7vw 30px;background:var(--paper);box-shadow:0 20px 32px #18181730;gap:4px}.mobile-panel a{min-height:47px;padding:10px;border-bottom:1px solid var(--line);font-size:13px;letter-spacing:.1em}.mobile-panel a[aria-current]{color:var(--red)}.mobile-panel .mobile-fc2{background:var(--red);color:#fff;border:0;margin-top:13px;padding:13px}.hero{height:calc(100svh - 76px);min-height:580px}.intro-grid{grid-template-columns:1fr;gap:35px}.intro-text{max-width:650px}.film-layout{gap:5%}.film-art{height:440px}.works-grid{gap:20px}.work-meta{display:block}.work-meta .underlink{margin-top:7px}.story-grid{gap:6%}.footer-last{flex-direction:column;gap:10px}}
@media(max-width:700px){.wrap{width:calc(100% - 44px)}.header-inner{padding:0 20px}.wordmark-copy strong{font-size:15px}.wordmark-copy small{font-size:9px}.brand-mark{width:40px;height:40px}.hero{height:max(620px,calc(88svh - 76px));min-height:620px;max-height:780px}.hero-tone{background:linear-gradient(90deg,rgba(6,20,22,.88),rgba(7,25,25,.46)),linear-gradient(0deg,rgba(5,17,18,.46),transparent 50%)}.hero-content{padding-top:40px;padding-bottom:55px}.hero-eyebrow{letter-spacing:.14em;font-size:9px;margin-bottom:23px}.hero h1{font-size:clamp(36px,8.3vw,58px);letter-spacing:.035em;margin-bottom:17px;line-height:1.6}.hero-description{font-size:14px;line-height:2}.hero-actions{gap:13px;align-items:flex-start;flex-direction:column;margin-top:30px}.hero .btn{width:min(300px,100%)}.hero-text-link{font-size:12px}.hero-index{font-size:9px;letter-spacing:.04em}.index-dot{padding:0 3px}.video-toggle{min-width:44px;padding:8px}.video-toggle [data-video-label]{display:none}.utility-inner{align-items:start;gap:9px;flex-direction:column;padding:15px 0}.utility-inner p{font-size:12px}.utility-inner a{font-size:12px}.section{padding:75px 0}.section-title{font-size:clamp(32px,7vw,43px)}.intro-text>p{font-size:15px}.section-heading{align-items:start;flex-direction:column;gap:8px;margin-bottom:27px}.works-grid{grid-template-columns:1fr;gap:37px}.work-cover{aspect-ratio:1.65}.work-cover-no{font-size:53px;left:20px;top:20px}.work-cover-caption{left:20px;bottom:18px}.work-meta{padding-top:17px}.work-meta h3{font-size:26px}.film-feature{padding:75px 0}.film-layout{display:flex;flex-direction:column-reverse;gap:30px}.film-art{width:100%;height:290px}.film-copy .section-title{font-size:37px}.journal-row{grid-template-columns:1fr 24px;gap:6px;padding:19px 3px}.journal-row time{grid-column:1/3}.journal-row span:nth-child(2){font-size:17px}.revisit{padding:75px 0}.revisit h2{font-size:34px}.footer{padding-top:56px}.footer-layout{flex-direction:column;gap:30px}.footer-nav{max-width:320px}.footer-last{margin-top:43px}.page-banner{padding:66px 0 52px}.page-banner h1{font-size:44px}.page-lead{font-size:15px}.inner-section{padding-top:43px}.work-detail{display:flex;flex-direction:column;gap:25px;padding:32px 0 48px}.work-detail-art{width:100%}.work-detail-copy h2{font-size:31px}.upcoming{padding:30px 23px;grid-template-columns:1fr;gap:0;margin-top:55px}.upcoming h2{font-size:28px}.story-grid{grid-template-columns:1fr;gap:15px;padding-bottom:43px}.story-text{padding-top:0}.studio-picture{height:310px}.equip-heading{padding-top:55px}.equipment-grid{grid-template-columns:1fr 1fr}.equipment-grid>div{min-height:160px;padding:22px 17px}.equipment-grid h3{font-size:17px}.calm-panel{padding:35px 23px}.calm-panel h2{font-size:29px}.article{padding-top:52px;padding-bottom:100px}.article-back{margin-bottom:49px}.article h1{font-size:34px}.article-content{font-size:15px}.article-content h2{font-size:26px}}
@media(max-width:430px){.wordmark-copy strong{font-size:13px;letter-spacing:.015em}.wordmark-copy small{font-size:8px}.brand-mark{width:35px;height:35px}.header-inner{padding-inline:12px}.menu-button{font-size:11px;padding-inline:9px}.hero h1{font-size:35px}.hero-bottom{bottom:15px}.hero-index{max-width:230px;line-height:1.5}.equipment-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.hero-video:not(.playing){display:none}.work-cover img{transition:none}}

.follow-band{background:#dcd0bc;padding:58px 0}.follow-band-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.follow-band h2{font:500 clamp(24px,2.7vw,35px)/1.6 var(--serif);margin:0 0 6px}.follow-band p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px}.follow-band .eyebrow{margin-bottom:8px}@media(max-width:700px){.follow-band-inner{align-items:start;flex-direction:column}.follow-band{padding:45px 0}}

/* Brand assets supplied by the owner. Preserve original mark; no vector redraw. */
.brand-mark{display:block;object-fit:cover;border-radius:50%}
.about-master-area{padding:45px 0 5px}.about-master{margin:0 auto;max-width:440px;text-align:center}.about-master img{width:100%;height:auto;display:block}.about-master figcaption{font-size:11px;letter-spacing:.12em;color:var(--muted);margin:8px 0 0}
@media(max-width:700px){.about-master-area{padding:32px 0 0}.about-master{max-width:280px}.about-master figcaption{font-size:10px}}

/* SIGNATURE V3: preserve the FULL square official FC2 thumbnails, including baked-in labels.
   These styles override the old 1.57:1 placeholder presentation on desktop/mobile. */
.work-cover { aspect-ratio: 1 / 1; background: #e9e0cf; outline-offset: 4px; }
.work-cover img { width: 100%; height: 100%; object-fit: contain; filter: none; }
.work-cover::after { display: none; }
.work-cover-no, .work-cover-caption { display: none; }
.work-detail-art { aspect-ratio: 1 / 1; background: #e9e0cf; }
.work-detail-art img { width: 100%; height: 100%; object-fit: contain; }
@media (max-width:700px) { .work-cover { aspect-ratio: 1 / 1; } }

/* STUDIO: photography is explained through typography. No camera stock imagery. */
.film-type{min-height:465px;background:#243533;border:1px solid rgba(219,202,167,.32);padding:36px 42px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.film-type-top{display:flex;justify-content:space-between;gap:18px;font:600 11px/1.6 var(--sans);letter-spacing:.18em;color:#d2bd97}
.film-type-number{font:400 clamp(120px,16vw,265px)/1 var(--serif);letter-spacing:-.05em;color:#efe4cb;text-align:center}
.film-type-bottom{border-top:1px solid #8b8677;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:20px}
.film-type-bottom>div{display:flex;align-items:baseline;gap:9px}
.film-type-bottom span{font:500 28px var(--serif);color:#d8ac80}
.film-type-bottom small{font:12px var(--sans);color:#e7dfce}
.studio-story{border-bottom:1px solid var(--line);padding-bottom:60px}
.studio-intro-note{font:14px/2 var(--serif);color:var(--muted);max-width:810px;margin:9px 0 0}
.studio-equipment>div{min-height:198px;border-top:2px solid #b59877}
.studio-equipment p{font:14px/1.95 var(--sans);color:#5c5148}
.studio-edit-section{margin-top:118px;padding:76px 0 22px;border-top:1px solid var(--line)}
.studio-edit-head{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}
.studio-edit-head h2{font:500 clamp(31px,3.4vw,48px)/1.65 var(--serif);letter-spacing:.04em;margin:0}
.studio-edit-copy{padding-top:42px}
.studio-edit-copy p{font:16px/2.2 var(--serif);color:#4a423b;margin:0 0 22px}
.studio-edit-figure{margin:50px 0 0;background:#e7ddcf;border:1px solid var(--line);padding:14px}
.studio-edit-figure img{display:block;width:100%;height:auto;object-fit:contain;max-height:780px}
.studio-edit-figure figcaption{font:11px var(--sans);letter-spacing:.16em;color:var(--muted);padding:15px 2px 1px}
@media(max-width:960px){.film-type{min-height:385px;padding:27px}.film-type-number{font-size:clamp(110px,17vw,200px)}.film-type-bottom{gap:5px}.film-type-bottom>div{flex-direction:column;gap:1px}.studio-edit-section{margin-top:82px}}
@media(max-width:700px){.film-layout{display:flex;flex-direction:column;gap:38px}.film-type{width:100%;min-height:330px;padding:24px}.film-type-top{font-size:9px}.film-type-number{font-size:clamp(115px,30vw,175px)}.film-type-bottom span{font-size:24px}.film-type-bottom small{font-size:11px}.studio-story{padding-bottom:30px}.studio-equipment{grid-template-columns:1fr}.studio-equipment>div{min-height:unset;padding:25px 23px}.studio-edit-section{margin-top:62px;padding-top:52px}.studio-edit-head{grid-template-columns:1fr;gap:12px}.studio-edit-copy{padding-top:0}.studio-edit-copy p{font-size:15px}.studio-edit-figure{padding:7px;margin-top:32px}}


/* 2026-11-04 / Disclose the craft, not the proprietary camera setup. */
.film-type-number{font-size:clamp(110px,14vw,205px);letter-spacing:.08em;white-space:nowrap}
.film-type-bottom>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.film-type-bottom span{font:600 11px/1.3 var(--sans);letter-spacing:.19em;color:#d8ac80}
.film-type-bottom small{font:14px/1.6 var(--serif);color:#f0e6d5}
.studio-principles>div{min-height:192px}
.studio-principles h3{overflow-wrap:normal}
.studio-edit-figure img{aspect-ratio:16/9;object-fit:contain;background:#152120}
.studio-edit-figure figcaption{display:flex;flex-direction:column;gap:7px;font:12px/1.85 var(--sans);letter-spacing:.015em;color:#655c51;padding:18px 5px 3px}
.studio-edit-figure-label{font:600 10px/1.6 var(--sans);letter-spacing:.18em;color:var(--red)}
@media(max-width:960px){.film-type-number{font-size:clamp(105px,16vw,170px)}}
@media(max-width:700px){.film-type-number{font-size:clamp(98px,25vw,160px)}.film-type-bottom span{font-size:10px}.film-type-bottom small{font-size:11px}.studio-principles>div{min-height:0}.studio-edit-figure figcaption{padding:13px 6px 7px;font-size:11px}}
@media(max-width:350px){.film-type-bottom{gap:7px}.film-type-bottom small{font-size:10px}}

/* Intentional mobile line break keeps the STUDIO heading balanced. */
.mobile-only-break{display:none}
@media(max-width:700px){.mobile-only-break{display:block}}
/* ───────────────────────────────────────────────
   YKTN SIGNATURE V4 / 2026-11-04
   "素人 × 素人" — one maker, honest and warm.
   These are additive visual changes; previous responsive utilities remain.
   ─────────────────────────────────────────────── */
:root{--paper:#f7f1e7;--paper-2:#eee5d7;--cream:#e9decc;--ink:#28221d;--muted:#6e6259;--red:#983a2c;--gold:#a6865c;--deep:#24302c;--line:#dcd1c1}
body{background:var(--paper)}
.header{background:#faf5eb}.header-inner{height:87px}.header-cta{border-radius:2px}.wordmark-copy small{letter-spacing:.045em;font-size:10px}
.desktop-nav a{font-size:11px;letter-spacing:.055em}
.hero.hero-v4{height:clamp(710px,calc(100svh - 87px),940px);min-height:710px;max-height:none;background:#142722}
.hero-v4 .hero-tone{background:linear-gradient(90deg,rgba(9,24,24,.91) 0%,rgba(13,31,30,.78) 42%,rgba(13,29,29,.27) 83%),linear-gradient(0deg,rgba(8,20,20,.62),transparent 27%)}
.hero-v4-content{position:relative;z-index:2;width:min(1210px,calc(100% - 112px));display:flex;flex-direction:column;justify-content:center;min-height:100%;padding-top:52px;padding-bottom:94px}
.hero-v4-top{font:600 10px/1.8 var(--sans);letter-spacing:.19em;color:#dfcbaf;margin:0 0 62px}
.hero-v4-main{max-width:1100px}.hero-v4-chapter{font:500 16px/2 var(--serif);letter-spacing:.13em;color:#ecdfc8;margin:0 0 15px}
.hero-v4 h1{font:500 clamp(69px,9vw,145px)/1.22 var(--serif);letter-spacing:.055em;color:#f9efe0;margin:0 0 21px;text-shadow:0 2px 35px rgba(10,20,16,.15);white-space:nowrap}
.hero-v4-multiply{font-size:.64em;vertical-align:.095em;color:#e2bc87;letter-spacing:.02em}.hero-v4-period{color:#d9a885}
.hero-v4-subtitle{font:500 clamp(23px,2.5vw,34px)/1.65 var(--serif);letter-spacing:.08em;color:#f8ebda;margin:0 0 25px}
.hero-v4-desc{font:15px/2.15 var(--serif);letter-spacing:.025em;color:#f0e6d8;margin:0;max-width:680px}
.hero-v4 .hero-actions{margin-top:32px;gap:30px}.hero-v4 .btn{background:#f8ead3;color:#322820;border-color:#f8ead3}.hero-v4 .btn:hover{background:#fff4e3}
.hero-v4 .hero-text-link{color:#eee1cf}.hero-v4 .hero-bottom{z-index:3}.hero-v4 .hero-index{letter-spacing:.06em}
.utility-strip-v4{background:#a34638}.utility-strip-v4 .utility-mark{border:1px solid #f1cec5;border-radius:100px;padding:4px 10px;font-size:10px;margin-right:12px;white-space:nowrap}
.v4-manifesto{padding:126px 0 120px;background:#f7f1e7}.v4-manifesto-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:10%;align-items:start}
.v4-handmark{font:500 clamp(55px,6vw,91px)/1.55 var(--serif);letter-spacing:.035em;color:#a54838;margin:62px 0 0;position:relative}
.v4-handmark::after{content:"";width:150px;height:3px;background:#b88e6d;display:block;transform:rotate(-5deg);margin-top:20px;opacity:.6}
.v4-manifesto-copy{padding-top:18px;max-width:560px}.v4-kicker{color:#a34b3a;font:600 13px/1.8 var(--sans);letter-spacing:.075em;margin:0 0 19px}
.v4-manifesto-copy h2{font:500 clamp(36px,3.7vw,56px)/1.55 var(--serif);letter-spacing:.045em;margin:0 0 28px}
.v4-manifesto-copy>p:not(.v4-kicker){font:16px/2.25 var(--serif);color:#51483e;margin:0 0 18px}.v4-manifesto-copy .underlink{margin-top:15px}
.v4-small-promise{background:#eae0d2;border-top:1px solid #d7c9b6;border-bottom:1px solid #d7c9b6}
.v4-small-promise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.v4-small-promise-grid>div{padding:35px 26px 37px;border-right:1px solid #d1c2b0}.v4-small-promise-grid>div:first-child{padding-left:0}.v4-small-promise-grid>div:last-child{border:0}
.v4-small-promise-grid span{display:block;font:600 11px/1.3 var(--sans);letter-spacing:.12em;color:#a14534;margin-bottom:13px}
.v4-small-promise-grid strong{display:block;font:500 19px/1.75 var(--serif)}.v4-small-promise-grid p{font:12px/1.9 var(--sans);color:#716359;margin:6px 0 0}
.v4-works{background:#f7f1e7;padding:112px 0 124px}.v4-section-intro{font:15px/1.9 var(--serif);color:#74675b;margin:17px 0 0}
.v4-works .section-title{font-size:clamp(38px,4.1vw,56px)}.v4-works .works-grid{margin-top:46px}.v4-works .work-cover{background:#ece1d2;border:9px solid #ebe1d4}.v4-works .work-meta{margin-top:3px}
.v4-making{background:#26332f;color:#f1e8d9;padding:118px 0}.v4-making-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%}
.v4-making-note{min-height:460px;background:#dfd0b6;color:#463830;display:flex;flex-direction:column;justify-content:space-between;padding:33px 38px;box-shadow:12px 12px 0 rgba(12,15,10,.26);position:relative;transform:rotate(-1.3deg);border:1px solid #c7b38f}
.v4-making-note::after{content:"";position:absolute;inset:14px;border:1px solid #b29e7c;pointer-events:none}
.v4-making-note-top,.v4-making-note-bottom{display:flex;justify-content:space-between;gap:15px;font:600 10px/1.8 var(--sans);letter-spacing:.15em;position:relative;z-index:1}
.v4-making-note-center{text-align:center;position:relative;z-index:1}.v4-making-craft{font:500 clamp(72px,7.8vw,125px)/1.4 var(--serif);letter-spacing:-.035em;color:#8f4938}
.v4-making-note-center p{font:14px/1.9 var(--serif);margin:15px 0 0}
.v4-making-note-bottom{justify-content:space-around;border-top:1px solid #ab977b;padding-top:23px;font-size:13px;letter-spacing:.04em}
.v4-making-copy>.eyebrow{color:#d3b28b}.v4-making-copy h2{font:500 clamp(38px,3.75vw,54px)/1.55 var(--serif);margin:16px 0 29px;letter-spacing:.04em}.v4-making-copy>p:not(.eyebrow){font:15px/2.2 var(--serif);color:#eee3d4;margin:0 0 19px}.v4-making-copy .underlink{color:#f1e6d8;display:inline-flex;margin-top:22px;border-color:#ab9c87}
.v4-journal{padding:102px 0 108px}.v4-journal .journal-list{margin-top:30px}
.v4-closing{background:#963e30;text-align:center;color:#fff0e2;padding:105px 0 119px}.v4-closing-inner{max-width:980px}.v4-closing .eyebrow{color:#ead2bc;letter-spacing:.18em}
.v4-closing h2{font:500 clamp(36px,4.4vw,61px)/1.65 var(--serif);letter-spacing:.05em;margin:20px 0}.v4-closing p:not(.eyebrow){font:14px/2 var(--serif);color:#f5e3d8;margin:0 auto 28px}.v4-closing .btn{background:#f7e8d1;color:#3a2821}
.footer{background:#201d1b}
/* Internal pages follow the same personal, warm language. */
.v4-page-banner{padding-top:95px;padding-bottom:83px;position:relative}.v4-page-banner::after{content:"素人 × 素人";position:absolute;right:0;bottom:22px;color:#ae5a4a;font:500 12px var(--serif);letter-spacing:.2em;opacity:.7}
.v4-page-banner h1{font-size:clamp(48px,6.3vw,84px);line-height:1.5;margin:14px 0 23px}.v4-page-banner .page-lead{max-width:660px;line-height:2.2}
.v4-studio-intro{background:#f7f1e7}.v4-studio-intro .studio-story{padding:26px 0 75px}.v4-studio-intro .studio-story .section-title{font-size:clamp(37px,3.4vw,50px)}
.v4-stamp{display:inline-block;border:1px solid #b46f59;color:#a34d3b;padding:9px 21px;transform:rotate(-5deg);font:500 22px/1.4 var(--serif);letter-spacing:.09em;margin:41px 0 9px}
.v4-studio-intro .story-text{font:16px/2.25 var(--serif);color:#493f37}
.v4-process-heading{padding-top:80px}.v4-process-heading h2{font:500 clamp(30px,3.5vw,47px)/1.65 var(--serif);margin:15px 0}.v4-process-heading .studio-intro-note{font-size:16px}
.v4-process-cards{margin-top:30px;gap:18px}.v4-process-cards>div{background:#ebe0d0;border-top:3px solid #a14d3d;min-height:250px;padding:28px 26px}
.v4-process-cards>div small{color:#9c523e}.v4-process-cards>div h3{font:500 22px/1.65 var(--serif);margin:18px 0 12px}.v4-process-cards>div p{font:14px/2 var(--serif);color:#655749}
.v4-studio-note{margin:45px 0 0;padding:22px 28px;border-left:3px solid #bc9078;background:#f0e8dc}.v4-studio-note .eyebrow{font-size:11px;margin:0 0 5px;color:#9b4a3b}.v4-studio-note>p:last-child{font:14px/2 var(--serif);color:#54473c;margin:0}
.v4-studio-edit{margin-top:103px}.v4-studio-edit .studio-edit-head h2{font-size:clamp(34px,3.5vw,52px)}
.v4-studio-edit .studio-edit-copy{padding-top:19px}.v4-studio-edit .studio-edit-copy p{font-size:15px;line-height:2.15}
.v4-editor-figure{max-width:850px;margin:41px auto 0;padding:9px;border-color:#cfc3b2;background:#e7ddcf}
.v4-editor-figure img{max-height:none;aspect-ratio:16/9;object-fit:contain}.v4-editor-figure figcaption{font-size:11px;line-height:1.9}
.v4-about-intro{background:#eee4d7;padding:75px 0 95px}.v4-about-grid{display:grid;grid-template-columns:.87fr 1.13fr;gap:9%;align-items:center}
.v4-about-logo{background:#e3d6c5;padding:30px;border:1px solid #cdbba6}.v4-about-logo .about-master{max-width:380px}.v4-about-letter h2{font:500 clamp(35px,3.6vw,51px)/1.6 var(--serif);margin:15px 0 26px}.v4-about-letter>p:not(.eyebrow){font:16px/2.15 var(--serif);color:#50453a;margin:0 0 18px}.v4-about-letter .v4-about-sign{margin-top:35px!important;text-align:right;color:#994d3c!important;font-size:13px!important}
.v4-about-values{padding:105px 0 115px}.v4-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin:30px 0 44px}.v4-values-grid>div{padding-top:24px;border-top:2px solid #aa7e63}.v4-values-grid span{display:block;color:#a54f3e;font:500 34px/1.3 var(--serif);margin-bottom:12px}.v4-values-grid h3{font:500 22px/1.65 var(--serif);margin:0 0 12px}.v4-values-grid p{font:14px/2 var(--serif);color:#685a4c}
.v4-recruit-panel{max-width:850px;margin:20px auto 70px;background:#ece2d5;border:1px solid #d8cab8}.v4-recruit-panel .eyebrow{color:#a34636}.v4-recruit-panel .v4-recruit-closed{border-top:1px solid #cbbcaa;margin-top:27px;padding-top:19px;font-weight:600;color:#7d3b30}
/* Tablet and phone tuning. */
@media(max-width:1100px){.header-inner{height:77px}.hero.hero-v4{min-height:670px;height:calc(100svh - 77px)}.hero-v4-top{margin-bottom:44px}.hero-v4 h1{font-size:clamp(61px,8.3vw,112px)}}
@media(max-width:960px){.hero-v4-content{width:calc(100% - 80px)}.v4-manifesto-grid{gap:7%}.v4-making-grid{gap:7%}.v4-making-note{min-height:385px;padding:28px}.v4-making-craft{font-size:76px}.v4-small-promise-grid strong{font-size:17px}.v4-process-cards>div{padding:20px 18px}}
@media(max-width:700px){
 .wrap{width:calc(100% - 42px)}.header-inner{height:74px}.wordmark-copy small{font-size:8px;letter-spacing:0}.wordmark-copy strong{font-size:14px}.header .brand-mark{height:39px;width:39px}
 .hero.hero-v4{height:max(710px,calc(91svh - 74px));min-height:710px;max-height:none}.hero-v4 .hero-tone{background:linear-gradient(90deg,rgba(8,23,23,.91),rgba(8,23,23,.61) 91%),linear-gradient(0deg,rgba(8,22,22,.5),transparent 50%)}
 .hero-v4-content{width:calc(100% - 44px);padding-top:40px;padding-bottom:75px}.hero-v4-top{font-size:9px;letter-spacing:.07em;margin-bottom:60px}.hero-v4-chapter{font-size:13px;margin:0 0 10px}
 .hero-v4 h1{font-size:clamp(42px,10.5vw,68px);white-space:nowrap;margin-bottom:18px;letter-spacing:.015em;line-height:1.45}.hero-v4-multiply{letter-spacing:0}.hero-v4-subtitle{font-size:21px;line-height:1.8;margin-bottom:22px}
 .hero-v4-desc{font-size:13px;line-height:2.15}.hero-v4 .hero-actions{margin-top:27px;align-items:flex-start;flex-direction:column;gap:16px}.hero-v4 .btn{width:auto;min-width:205px}.hero-v4 .hero-bottom{bottom:15px}.hero-v4 .hero-index{font-size:9px;max-width:270px}
 .utility-strip-v4 .utility-mark{display:inline-block;margin-bottom:4px}.utility-strip-v4 .utility-inner p{line-height:2}
 .v4-manifesto{padding:74px 0 77px}.v4-manifesto-grid{grid-template-columns:1fr;gap:22px}.v4-handmark{font-size:55px;margin:25px 0 32px}.v4-handmark::after{width:100px;margin-top:15px}.v4-manifesto-copy{padding-top:0}.v4-kicker{font-size:12px;margin-bottom:12px}.v4-manifesto-copy h2{font-size:35px}.v4-manifesto-copy>p:not(.v4-kicker){font-size:15px;line-height:2.2}
 .v4-small-promise-grid{grid-template-columns:1fr}.v4-small-promise-grid>div,.v4-small-promise-grid>div:first-child{padding:22px 0;border-right:0;border-bottom:1px solid #d1c2b0}.v4-small-promise-grid>div:last-child{border-bottom:0}.v4-small-promise-grid span{margin-bottom:5px}.v4-small-promise-grid strong{font-size:18px}.v4-small-promise-grid p{margin-top:3px}
 .v4-works{padding:75px 0 84px}.v4-works .works-grid{margin-top:22px}.v4-works .section-title{font-size:36px}.v4-section-intro{font-size:13px}
 .v4-making{padding:76px 0 80px}.v4-making-grid{grid-template-columns:1fr;gap:48px}.v4-making-note{min-height:300px;max-width:480px;width:92%;margin-inline:auto;transform:rotate(-1deg);padding:25px}.v4-making-craft{font-size:clamp(64px,16vw,89px)}.v4-making-note-center p{font-size:12px}.v4-making-copy h2{font-size:36px;margin-bottom:23px}.v4-making-copy>p:not(.eyebrow){font-size:15px}
 .v4-journal{padding:78px 0}.v4-closing{padding:74px 0 87px}.v4-closing h2{font-size:33px}.v4-closing p:not(.eyebrow){font-size:13px}
 .v4-page-banner{padding-top:58px;padding-bottom:63px}.v4-page-banner h1{font-size:43px}.v4-page-banner .page-lead{font-size:14px}.v4-page-banner::after{bottom:22px;font-size:10px}
 .v4-studio-intro .studio-story{padding-top:9px;padding-bottom:43px}.v4-studio-intro .story-text{font-size:15px}.v4-stamp{margin:13px 0 6px;font-size:17px}.v4-process-heading{padding-top:45px}.v4-process-heading h2{font-size:31px}.v4-process-cards{grid-template-columns:1fr;gap:10px}.v4-process-cards>div{min-height:auto;padding:22px}.v4-process-cards>div h3{font-size:20px;margin:9px 0}.v4-studio-note{margin-top:28px;padding:20px}.v4-studio-edit{margin-top:71px;padding-top:45px}.v4-editor-figure{padding:6px}
 .v4-about-intro{padding:43px 0 65px}.v4-about-grid{grid-template-columns:1fr;gap:38px}.v4-about-logo{max-width:370px;margin:auto;padding:22px}.v4-about-letter h2{font-size:35px}.v4-about-letter>p:not(.eyebrow){font-size:15px}
 .v4-about-values{padding:71px 0 79px}.v4-values-grid{grid-template-columns:1fr;gap:23px;margin:22px 0 40px}.v4-values-grid>div{padding-top:17px}.v4-values-grid span{font-size:28px;margin-bottom:7px}.v4-values-grid h3{font-size:20px}.v4-values-grid p{margin:0}
 .v4-recruit-panel{margin:10px auto 45px}.v4-recruit-panel h2{font-size:28px}
}
@media(max-width:365px){.hero-v4 h1{font-size:39px}.wordmark-copy strong{font-size:12px}.wordmark-copy small{font-size:7px}.v4-making-note{padding:21px}.v4-making-craft{font-size:60px}}

/* Final typography polish and draft status */
.v4-handmark{font-size:clamp(50px,5vw,74px);white-space:nowrap}
.v4-draft-label{font:600 10px/1 var(--sans);display:inline-block;margin-left:12px;padding:5px 7px;border:1px solid #af8e7e;color:#9a503d;vertical-align:middle;letter-spacing:.03em}
@media(max-width:700px){.v4-handmark{font-size:clamp(45px,12.7vw,55px)}}
@media(max-width:360px){.v4-handmark{font-size:43px}}

/* V4.1: Clarify draft state on the individual article preview. */
.draft-preview-note{border-left:3px solid var(--red);background:#efe3d5;color:#6c3a30;padding:13px 17px;font-size:13px;line-height:1.85;margin:5px 0 24px}