/* A white, image-led portfolio. Shared rhythm for the index and case studies. */
:root{--sans:'Helvetica Neue',Helvetica,Arial,'PingFang SC','Microsoft YaHei',sans-serif;--serif:'Iowan Old Style',Baskerville,'Times New Roman','Songti SC',serif;--ink:#20211f;--muted:#71736d;--line:#dedfda;--gutter:clamp(24px,5.2vw,104px)}
body{font-size:16px;line-height:1.65;letter-spacing:-.01em}
::selection{background:#e7e9e3;color:#191919}
header{height:106px;margin:0 var(--gutter);padding:0;border-bottom:1px solid var(--line);gap:clamp(22px,3vw,52px)}
.identity{font-size:19px;font-weight:600;letter-spacing:-.04em;gap:15px;white-space:nowrap}
.identity span{font-size:12px;letter-spacing:0;color:var(--muted)}
.portfolio-label{font-size:13px;line-height:1.3;color:#62645d;white-space:nowrap;letter-spacing:.025em}
header nav{gap:clamp(18px,2.6vw,40px);font-size:14px}
header nav a{border:0;position:relative;padding:8px 0}
header nav a::after{content:'';height:1px;background:currentColor;position:absolute;bottom:1px;left:0;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .24s ease}
header nav a:hover::after,header nav a[aria-current]::after{transform:scaleX(1)}
.language-switch{font-size:12px;gap:8px}
.home-hero{margin:0 var(--gutter);height:min(930px,calc(100svh - 106px));min-height:675px}
.home-heading{top:35px}
.home-heading h1,html[lang='en'] .home-heading h1{font-family:var(--serif);font-weight:400;font-size:clamp(72px,8.3vw,132px);letter-spacing:-.065em;line-height:1.04;max-width:860px}
.home-heading p{font-size:17px;letter-spacing:.04em;margin-top:16px;color:#62645d}
.studio{inset:128px -3% 104px}
.home-categories{gap:5%;bottom:12px}
.home-categories a{font-size:23px;letter-spacing:-.035em;border-color:#aaa;padding:19px 0}
.home-categories a span{font-size:22px;transition:transform .25s ease}
.home-categories a:hover span{transform:translate(3px,-3px)}
.home-categories a:hover{border-color:#20211f}
#scene-motion{bottom:105px;color:#777}
.home-selected{padding:120px var(--gutter) 0;gap:115px}
.home-selected .home-feature{grid-template-columns:.65fr 1.35fr;min-height:440px;gap:clamp(32px,6vw,100px);padding:0}
.home-selected h2{font-size:clamp(55px,6.4vw,100px);line-height:.98;letter-spacing:-.055em;font-weight:400;margin-bottom:35px}
.home-selected .home-flex h2{font-family:var(--sans);font-size:clamp(72px,8vw,128px);letter-spacing:-.065em;color:#2d5147;font-weight:500}
.home-feature>img{max-height:640px}
.home-selected span,.project-link{font-size:13px;letter-spacing:0;border-color:#9a9d95;padding-bottom:8px}
.home-feature:hover span,.project-entry:hover .project-link{border-color:#171a16}
.about{margin:125px var(--gutter) 0;padding:65px 0 60px;border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:8%}
.about h2{font-family:var(--serif);font-size:38px;letter-spacing:-.035em}
.about p{font-family:var(--serif);font-size:clamp(27px,3.1vw,46px);font-weight:400;letter-spacing:-.025em;line-height:1.35;max-width:900px}
.about a{font-size:14px;margin-top:32px;border-color:#aaa}
footer{margin:20px var(--gutter) 0;padding:26px 0 35px;font-size:12px;color:#66695f;gap:28px}
.collection-title{padding:70px var(--gutter) 55px;display:grid;grid-template-columns:1fr 1.1fr;gap:7%;align-items:start}
.collection-title h1{font-family:var(--serif);font-size:clamp(64px,7.6vw,118px);font-weight:400;line-height:1;letter-spacing:-.055em;margin:0}
.collection-title nav{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:0 28px;padding-top:3px;max-width:none;font-size:13px;line-height:1.35}
.collection-title nav a{padding:9px 0;border-bottom:1px solid #ecece8;color:#585c51;transition:color .2s ease}
.collection-title nav a:hover{color:#1b2118;text-decoration:none;border-color:#8e9389}
.project-collection{padding:0 var(--gutter)}
.project-collection article{padding:42px 0 55px;border-color:var(--line)}
.project-collection article:first-child{border-top:1px solid var(--line)}
.project-cover{gap:clamp(32px,5vw,86px);grid-template-columns:4fr 6fr;min-height:470px;overflow:clip}
.cover-text{padding:28px 0}
.project-entry .cover-text>h2{font-size:clamp(40px,4.7vw,74px);font-weight:400;letter-spacing:-.05em;line-height:1.03}
.project-entry .cover-text>p{max-width:355px;font-size:15px;line-height:1.85;color:#63665f;margin-top:25px}
.project-entry .project-link{margin-top:30px}
.project-visual{height:460px}
.project-entry .cover-create h2{font-size:clamp(55px,6.5vw,98px)}
.project-entry .cover-isee h2{font-size:clamp(85px,10vw,145px);letter-spacing:-.065em}
.project-entry .cover-coin h2{font-family:var(--sans);font-weight:700;letter-spacing:-.045em}
.project-entry .cover-witch{grid-template-columns:1fr 1fr}
.project-entry .cover-witch .cover-text{padding-left:0}
.project-entry .cover-witch h2{font-size:clamp(40px,4.3vw,66px);font-weight:650}
.project-entry .visual-rain{height:430px}
.project-entry .visual-rain .visual-0{height:auto;max-height:350px;object-fit:contain}
.project-entry .visual-rain .visual-1{width:110px;height:110px;bottom:0;left:18px;border-width:5px}




.visual-isee,.visual-shift{gap:16px!important}
.visual-isee .visual-1,.visual-shift .visual-1{max-height:125px!important}
.visual-flow{gap:22px!important}
/* Case opening: generous title, readable introduction, complete source image. */
.backline{padding:27px var(--gutter) 0;font-size:12px;color:#777b71}
.case-page .project-cover.case-opening{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);align-items:start;gap:34px 7%;margin:38px var(--gutter) 70px;min-height:0;padding:0;overflow:clip}
.case-opening .case-title{grid-column:1/-1;grid-row:auto;padding:0 0 22px!important;border-bottom:1px solid var(--line);width:100%;max-width:none}
.case-opening .case-title h1{font-size:clamp(58px,7.5vw,118px);line-height:1.02;letter-spacing:-.055em;font-weight:400;max-width:1400px}
.case-opening .case-title h1 br{display:none}
.case-opening .case-title h1 br::after{content:' '}
.case-opening.cover-coin .case-title h1{font-family:var(--sans);font-weight:700;letter-spacing:-.05em}
.case-opening.cover-witch .case-title h1{font-family:var(--sans);font-size:clamp(56px,6.7vw,108px);font-weight:650}
.case-opening.cover-isee .case-title h1{font-size:clamp(84px,11vw,168px);letter-spacing:-.065em}
.case-opening.cover-archive .case-title h1{font-size:clamp(58px,7.5vw,118px)}
.case-introduction{padding-top:8px;min-width:0}
.case-introduction .project-type{font-size:12px!important;line-height:1.7!important;letter-spacing:.02em;color:#7b7e73;max-width:380px}
.case-introduction .concept{margin-top:32px;max-width:470px}
.case-introduction .concept h2{font-size:13px;line-height:1.4;font-weight:500;letter-spacing:0;margin-bottom:17px;color:#272d24}
.case-introduction .concept p{font-size:16px;line-height:1.9;color:#4e544a}
.case-introduction .project-link{margin-top:30px}
.case-page .case-opening .project-visual{grid-column:2;grid-row:2;width:100%;height:480px;margin:0;align-self:center}
.case-page .case-opening .visual-coin{height:500px}
.case-page .case-opening .visual-rain .visual-0{height:auto;max-height:370px;object-fit:contain}
.case-page .case-opening .visual-rain .visual-1{width:125px;height:125px;bottom:0;left:18px;border-width:5px}
.case-page .case-opening .visual-flex{height:auto;min-height:350px}
.case-page .case-opening .visual-paint{height:490px}
.case-page .case-opening .visual-witch{height:490px}
.case-nav{padding:17px var(--gutter);gap:27px;font-size:12px;letter-spacing:0;background:#fff;backdrop-filter:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);scrollbar-width:thin}
.case-nav a{position:relative;color:#777b71;padding:4px 0}
.case-nav a:hover,.case-nav a[aria-current]{color:#22291c;text-decoration:none}
.case-nav a[aria-current]::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:currentColor}
.case-content{max-width:1720px;padding:0 var(--gutter)}
.case-section{padding:85px 0 90px;border-bottom:0;gap:45px 7%;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr)}
.case-section+.case-section{border-top:1px solid #ecece8}
.section-copy h2{font-family:var(--serif);font-size:clamp(30px,3.3vw,47px);font-weight:400;line-height:1.12;letter-spacing:-.035em;color:#282d25;max-width:600px;margin-bottom:23px}
.section-copy p{font-size:15px;line-height:1.9;color:#656a5e;max-width:690px}
.layout-sequence,.layout-screens,.layout-exhibition,.layout-coins,.layout-product,.layout-creation,.layout-pair,.layout-sketch{grid-template-columns:1fr}
:is(.layout-sequence,.layout-screens,.layout-exhibition,.layout-coins,.layout-product,.layout-creation,.layout-pair,.layout-sketch)>.section-copy{grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:7%;align-items:start}
.section-art{gap:40px 34px}
.layout-screens .section-art{gap:50px 34px}
.layout-screens .artwork{box-shadow:none}
.layout-screens .section-art figure:first-child:nth-last-child(odd){width:88%}
.layout-panorama .section-art :is(img,svg.asset-svg){height:auto;max-height:380px;object-fit:contain}
.layout-sequence .artwork :is(img,svg.asset-svg){aspect-ratio:auto;object-fit:contain;height:auto}
.case-section figcaption{margin-top:18px;max-width:600px}
.case-section figcaption h3{font-size:16px;font-weight:500;line-height:1.4;letter-spacing:-.02em}
.case-section figcaption p{font-size:13px;line-height:1.8;margin-top:6px;color:#787d70}
.layout-product .section-art{gap:38px}
.layout-code .section-art{gap:35px}
.layout-technical .section-art{gap:32px}
.layout-technical .artwork :is(img,svg.asset-svg){max-height:420px}
.case-isee .layout-sketch .section-art :is(img,svg.asset-svg){background:#fff}
.project-video{grid-template-columns:minmax(230px,.55fr) minmax(0,1.45fr);padding-top:75px;padding-bottom:75px}
.project-video .section-copy a{font-size:12px;color:#6c7165;margin-top:12px}
.coin-viewer{overflow:clip}
.viewer-note{color:#777d70}
.rain-flow-layout{gap:6%}
.rain-flow-layout aside h2{font-family:var(--serif);font-size:30px;color:#282d25;font-weight:400}
.journey li{border-top-width:1px}
.journey h3{font-size:20px;font-weight:400}
.personas article{border:0!important;background:#fff!important}
.project-end{margin:25px var(--gutter) 0;padding:40px 0 55px;border-top:1px solid var(--line);font-size:12px;align-items:end;gap:35px}
.project-end>div{display:flex;flex-direction:column;align-items:start;gap:35px;max-width:75%}
.project-end>div>a:first-child,.project-end>a{color:#787d70}
.next-project{display:flex;flex-direction:column;gap:9px}
.next-project span{color:#767c6e;font-size:12px}
.next-project strong{font-family:var(--serif);font-size:clamp(30px,3.7vw,55px);font-weight:400;line-height:1.1;letter-spacing:-.035em}
.itch-library{margin:55px var(--gutter) 65px;padding-top:55px;grid-template-columns:1fr 2fr;gap:7%}
.itch-library h2{font-family:var(--serif);font-size:36px;letter-spacing:-.03em}
.itch-library a{font-size:16px;padding:20px 0;line-height:1.4;border-color:#e0e2db}
.painting-gallery{padding:25px var(--gutter) 80px;gap:120px 10%;align-items:center}
.painting-gallery .artwork{overflow:visible}
.painting-gallery img{height:auto;max-height:1000px;object-fit:contain}
.painting-gallery figure:nth-child(3){width:100%}
#lightbox{padding:75px var(--gutter) 35px}
#lightbox>button{right:var(--gutter);font-size:13px;border-bottom:1px solid #ddd;padding:10px 0}
@media(min-width:1700px){.project-collection article{padding:60px 0}.project-cover{min-height:570px}.project-visual{height:570px}.case-introduction .concept p{font-size:18px}.section-copy p{font-size:17px}.project-entry .cover-text>p{font-size:17px}.case-page .case-opening .project-visual{height:580px}}
@media(max-width:1100px){header{gap:23px}.identity span{display:none}header nav{gap:20px}.portfolio-label{font-size:12px}.home-heading h1,html[lang='en'] .home-heading h1{font-size:88px}.case-page .project-cover.case-opening{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:30px 5%}.case-opening .case-title h1{font-size:72px}.case-page .case-opening .project-visual{height:410px}.case-introduction .concept p{font-size:15px}.section-copy p{font-size:14px}.collection-title{grid-template-columns:.9fr 1.1fr;gap:5%}.collection-title h1{font-size:76px}.project-cover{gap:35px}.project-visual{height:420px}.home-hero{min-height:670px}}
@media(max-width:800px) and (min-width:701px){header{gap:18px}.portfolio-label{position:absolute;left:0;bottom:10px;font-size:11px}.identity{font-size:17px}header nav{font-size:13px;gap:16px}.collection-title h1{font-size:61px}.collection-title nav{gap:0 16px;font-size:12px}.case-section{gap:32px}.section-copy h2{font-size:31px}.case-opening .case-title h1{font-size:65px}}
@media(max-width:700px){
:root{--gutter:24px}
html{scroll-padding-top:78px}
header{height:auto;min-height:128px;margin:0 var(--gutter);padding:22px 0 14px;display:grid;grid-template-columns:1fr auto;gap:7px 18px;align-items:center}
.identity{font-size:20px;display:flex;gap:10px;grid-column:1;grid-row:1}.identity span{display:none}
.portfolio-label{grid-column:1;grid-row:2;font-size:11px;letter-spacing:.025em;color:#777b71}
.language-switch{grid-column:2;grid-row:1/3;font-size:12px}
header nav{grid-column:1/-1;grid-row:3;gap:14px;margin-top:11px;font-size:13px;width:100%;justify-content:space-between}
header nav a{padding:3px 0}
.home-hero{height:calc(100svh - 128px);min-height:570px;margin:0 var(--gutter)}
.home-heading{top:28px}.home-heading h1,html[lang='en'] .home-heading h1{font-size:60px;letter-spacing:-.065em;line-height:1.04}.home-heading p{font-size:14px;margin-top:12px}
.studio{inset:125px -5% 90px}.home-categories{gap:16px;bottom:10px}.home-categories a{font-size:16px;padding:15px 0;gap:7px}.home-categories a span{font-size:16px}#scene-motion{bottom:77px;right:0;font-size:13px}
.home-selected{padding:70px var(--gutter) 0;gap:75px}.home-selected .home-feature{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:30px;padding:0}.home-selected h2{font-size:52px;margin-bottom:17px}.home-selected .home-flex h2{font-size:64px}.home-feature>img{max-height:460px}.home-selected span{font-size:12px}
.about{margin:75px var(--gutter) 0;padding:35px 0 30px;display:block}.about h2{font-size:29px;margin-bottom:30px}.about p{font-size:28px;line-height:1.4}.about a{font-size:12px;margin-top:26px}.about a+a{margin-left:23px}
footer{margin:30px var(--gutter) 0;gap:20px;font-size:11px;padding:22px 0 28px}
.collection-title{padding:40px var(--gutter) 33px;display:block}.collection-title h1{font-size:64px;line-height:1.05;margin-bottom:30px}.collection-title nav{grid-template-columns:1fr 1fr;gap:0 17px;font-size:12px}.collection-title nav a{padding:10px 0}
.project-collection{padding:0 var(--gutter)}.project-collection article{padding:30px 0 38px}.project-cover{display:flex;flex-direction:column;gap:25px;min-height:0}.cover-text{padding:10px 0 0}.project-entry .cover-text>h2{font-size:45px;letter-spacing:-.045em}.project-entry .cover-text>p{font-size:14px;line-height:1.85;margin-top:21px}.project-entry .project-link{font-size:12px;margin-top:18px}.project-entry .cover-create h2{font-size:59px}.project-entry .cover-isee h2{font-size:85px}.project-entry .cover-witch h2{font-size:42px}.project-entry .cover-witch .cover-text{padding:10px 0 0}
.project-visual{height:340px}.project-entry .visual-rain{height:320px}.project-entry .visual-rain .visual-1{width:85px;height:85px;left:6px}.visual-witch{height:390px}.visual-isee .visual-1,.visual-shift .visual-1{max-height:100px!important}
.backline{padding:22px var(--gutter) 0;font-size:12px}.case-page .project-cover.case-opening{display:flex;flex-direction:column;margin:30px var(--gutter) 45px;gap:27px;min-height:0}.case-opening .case-title{width:100%;padding-bottom:23px!important}.case-opening .case-title h1,.case-opening.cover-archive .case-title h1{font-size:51px;line-height:1.06;overflow-wrap:anywhere;letter-spacing:-.045em}.case-opening.cover-witch .case-title h1{font-size:41px}.case-opening.cover-isee .case-title h1{font-size:87px}.case-opening.cover-coin .case-title h1{font-size:49px}
.case-introduction{padding-top:0}.case-introduction .project-type{font-size:11px!important}.case-introduction .concept{margin-top:24px;max-width:100%}.case-introduction .concept h2{font-size:12px;margin-bottom:13px}.case-introduction .concept p{font-size:15px;line-height:1.85}.case-introduction .project-link{margin-top:20px;font-size:12px}
.case-page .case-opening .project-visual{width:100%;height:350px;flex:none}.case-page .case-opening .visual-rain{height:320px}.case-page .case-opening .visual-rain .visual-1{width:85px;height:85px;left:6px}.case-page .case-opening .visual-coin{height:410px}.case-page .case-opening .visual-witch{height:390px}.case-page .case-opening .visual-paint{height:350px}.case-page .case-opening .visual-flex{height:auto;min-height:0}
.case-nav{padding:14px var(--gutter);gap:24px;font-size:11px}.case-content{padding:0 var(--gutter)}.case-section{padding:46px 0 50px;display:block}.section-copy{margin-bottom:28px;display:block!important}.section-copy h2{font-size:32px;letter-spacing:-.03em;margin-bottom:16px;line-height:1.15}.section-copy p{font-size:14px;line-height:1.85}.section-art,.layout-screens .section-art{gap:33px 18px}.layout-sequence .section-art,.layout-sequence .count-4{grid-template-columns:1fr}.layout-screens .section-art{grid-template-columns:1fr}.layout-screens .section-art figure:first-child:nth-last-child(odd){width:100%}.case-section figcaption{margin-top:14px}.case-section figcaption h3{font-size:16px}.case-section figcaption p{font-size:13px}.layout-panorama .section-art :is(img,svg.asset-svg){height:auto;max-height:250px;object-fit:contain}.case-isee .layout-sketch .section-art{display:block}.case-isee .layout-sketch figure{margin-bottom:28px}.layout-product .section-art{gap:26px 18px}.layout-technical .section-art{gap:22px}.layout-exhibition .section-art{gap:16px}.project-video{padding:42px 0}.project-video .section-copy a{font-size:12px;margin-top:3px}.project-end{margin:15px var(--gutter) 0;padding:30px 0 35px;display:block}.project-end>div{max-width:100%;gap:30px}.next-project strong{font-size:32px}.project-end>a{display:inline-block;margin-top:30px;font-size:11px}.itch-library{margin:35px var(--gutter);padding-top:35px;display:block}.itch-library h2{font-size:29px;margin-bottom:15px}.itch-library>div{display:block}.itch-library a{font-size:15px;padding:17px 0}.painting-gallery{padding:10px var(--gutter) 35px;display:block}.painting-gallery figure{margin-bottom:65px!important}#lightbox{padding:70px 18px 25px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Let documentary photographs use the available width rather than a fixed row height. */
.project-visual:is(.visual-isee,.visual-shift){height:auto!important;grid-template-rows:auto auto;padding:0}
.project-visual:is(.visual-isee,.visual-shift)>.visual-0{height:auto;max-height:none;width:100%;object-fit:contain}
.project-visual:is(.visual-isee,.visual-shift)>.visual-1{height:auto;max-height:125px;width:35%;justify-self:end}
@media(max-width:700px){.project-visual:is(.visual-isee,.visual-shift)>.visual-1{max-height:90px;width:38%}}
/* Shared typographic scale and outcome-first openings, October 2026. */
:root{--title:clamp(44px,4.6vw,74px);--section:clamp(29px,2.8vw,42px);--body:17px;--small:14px}
.project-entry .cover-text>h2,.project-entry :is(.cover-create,.cover-isee,.cover-witch) h2,.home-selected h2{font-size:var(--title);line-height:1.08;letter-spacing:-.045em;font-weight:400}
.case-opening .case-title h1,.case-opening:is(.cover-archive,.cover-isee,.cover-witch,.cover-coin) .case-title h1{font-size:clamp(48px,5.8vw,88px);line-height:1.08;letter-spacing:-.045em}
.project-entry .cover-text>p,.case-introduction .concept p,.section-copy p,.case-overview>p,.rain-flow-layout aside p,.personas p,.journey p{font-size:var(--body);line-height:1.75;max-width:65ch}
.case-introduction .concept p{font-size:20px;line-height:1.6;color:#42483f}
.section-copy h2,.rain-flow-layout aside h2,.about h2,.itch-library h2{font-size:var(--section);line-height:1.15}
.case-section figcaption h3,.journey h3{font-size:19px;line-height:1.4}
.case-section figcaption p,.project-link,.home-selected .project-link,.project-entry .project-link,.case-nav,.backline,.project-end,.case-introduction .concept h2,.case-introduction .project-type,.preview-toggle{font-size:var(--small)!important}
.case-page .case-opening{align-items:center!important;margin-bottom:55px!important}
.case-opening .case-title{padding-bottom:25px!important}
.case-introduction .concept{margin-top:22px}.case-introduction .concept h2{display:none}
.opening-links{display:flex;gap:25px;flex-wrap:wrap}
.case-page .case-opening .film-cover,.film-cover{height:auto!important;min-height:0;aspect-ratio:16/10;position:relative;align-self:center;width:100%;overflow:hidden;background:#f6f6f4}
.film-cover video{position:static;display:block;width:100%;height:100%;object-fit:contain;max-width:100%}
.project-entry .film-cover video{object-fit:cover}
.case-page .case-opening .film-cover{aspect-ratio:16/9}
.case-page .case-opening .project-visual{max-height:570px}
.outcome-visual{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;height:auto!important;align-content:center}
.outcome-visual .outcome-main{grid-column:1/-1;width:100%;height:auto}.outcome-visual .outcome-detail{grid-column:2;width:100%;height:auto}
.home-selected{display:block;padding-top:85px;position:relative}.home-selected article{padding:55px 0;border-top:1px solid var(--line)}
.home-selected .project-cover{min-height:480px}.home-selected .cover-text>p{margin-top:25px}.home-selected .project-link{margin-top:30px}
.home-selected .cover-archive h2{color:#3b4e4e;font-family:var(--serif)}.home-selected .cover-paint h2{color:#285b50;font-family:var(--serif)}
.preview-toggle{width:max-content;text-align:left;padding:6px 0;border-bottom:1px solid #aaa;color:#64695e;cursor:pointer}
.collection-title>.preview-toggle{grid-column:1/-1;grid-row:2;justify-self:end;margin-top:12px}.home-selected>.preview-toggle{display:block;margin:0 0 20px auto}
.case-overview{padding-top:55px;padding-bottom:55px}.case-overview>p{color:#555d50}
@media(max-width:700px){
:root{--title:42px;--section:30px;--body:16px;--small:14px}
.case-opening .case-title h1,.case-opening:is(.cover-archive,.cover-isee,.cover-witch,.cover-coin) .case-title h1{font-size:44px;overflow-wrap:normal}
.case-page .case-opening .case-title{order:0}.case-page .case-opening .case-introduction{order:1}.case-page .case-opening .project-visual{order:2}
.case-introduction .concept p{font-size:18px}.case-introduction .project-type{line-height:1.6!important}
.case-introduction .project-link{margin-top:18px}.case-page .project-cover.case-opening{gap:23px}
.home-selected{padding-top:45px}.home-selected article{padding:32px 0 45px}.home-selected .project-cover{min-height:0}
.home-selected .project-visual{width:100%}.outcome-visual{gap:12px}.film-cover{aspect-ratio:16/10}
.collection-title>.preview-toggle{margin:22px 0 0 auto;display:block}.case-overview{padding:40px 0}
}
.outcome-visual>.outcome-main,.outcome-visual>.outcome-detail{position:static!important;transform:none!important;max-width:100%;object-fit:contain}.outcome-visual>.outcome-detail{display:none}.outcome-visual{display:block}
.home-heading p:empty{display:none}.painting-works{padding:0 var(--gutter)}.painting-work{display:grid;grid-template-columns:1fr 1.65fr;gap:7%;padding:65px 0 85px;border-top:1px solid var(--line);align-items:start;scroll-margin-top:35px}.painting-caption h2{font-family:var(--serif);font-size:var(--title);font-weight:400;line-height:1.08;letter-spacing:-.04em}.painting-caption p{font-size:var(--body);line-height:1.75;color:#63665f;margin-top:28px;max-width:38ch}.painting-images{display:grid;gap:35px;min-width:0}.painting-images .artwork{width:100%;display:block;padding:0}.painting-images img{width:100%;height:auto;max-height:820px;object-fit:contain}.painting-work#art-1 .painting-images{grid-template-columns:1fr 1fr;gap:22px}.painting-work#art-1 .painting-image{grid-column:1/-1}.painting-work#art-1 .finished-painting img{max-height:none}
@media(max-width:700px){.painting-work{display:block;padding:35px 0 50px}.painting-caption{margin-bottom:28px}.painting-caption p{margin-top:20px}.painting-work#art-1 .painting-images{gap:16px}.painting-caption h2{font-size:38px}}
@media(max-width:700px){.painting-work#art-1 .painting-images{grid-template-columns:1fr}.painting-work#art-1 .painting-image{grid-column:auto}}