/* Dearframe editorial presentation; the local studio remains an optional demo. */
.brand{font-family:Georgia,"Yu Mincho",serif;letter-spacing:-1px;font-size:30px;font-weight:400}
.hero-secondary{display:inline-block;font-size:12px;margin:16px 0 0 18px;border-bottom:1px solid #a9b8a6;padding-bottom:3px}
.section-heading>p{max-width:355px}
.gallery-section,.tools-section{padding-top:78px}
.gallery-grid{display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:25px;align-items:start}
.gallery-card:nth-child(2){padding-top:42px}
.gallery-image{height:310px;position:relative;overflow:hidden;border-radius:5px}
.gallery-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.gallery-card:first-child img{object-position:center 30%}
.gallery-card:hover img{transform:scale(1.035)}
.gallery-card:nth-child(2) .gallery-image{height:240px}
.gallery-index{position:absolute;bottom:13px;left:17px;color:#fff;font:italic 30px Georgia,serif;text-shadow:0 1px 5px #0008}
.gallery-card h3{font:25px Georgia,"Yu Mincho",serif;margin:21px 0 12px}
.gallery-card p{font-size:12px;line-height:1.8;color:var(--muted);max-width:310px}
.gallery-note{font-size:10px;line-height:1.7;color:var(--muted);margin-top:27px;padding-top:15px;border-top:1px solid var(--line)}
.tools-section{padding-bottom:20px}
.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 22px;align-items:start}
.tool-card{border:1px solid var(--line);border-radius:7px;background:var(--white);overflow:hidden;transition:box-shadow .2s}
.tool-card:hover{box-shadow:0 8px 22px #283d3010}
.tool-image{height:174px;position:relative;overflow:hidden;background:#e4e6dc}
.tool-image img{width:100%;height:100%;object-fit:cover;display:block}
.tool-enhance img,.tool-face img{object-position:center 25%;transform:scale(1.5)}
.tool-restore img{object-position:center 48%}
.tool-retouch img{object-position:80% center;filter:saturate(.65);transform:scale(1.35)}
.tool-colorize img{object-position:left center}
.tool-colorize .tool-image:after{content:"";position:absolute;inset:0 50% 0 0;backdrop-filter:grayscale(1);border-right:1px solid white;pointer-events:none}
.tool-dehaze img{object-position:center 35%}
.tool-motion img{object-position:left bottom;transform:scale(1.15)}
.tool-deblur img{object-position:right center}
.tool-number{position:absolute;bottom:12px;left:16px;color:white;font:italic 26px Georgia,serif;text-shadow:0 1px 6px #0009;z-index:1}
.tool-badge{position:absolute;top:12px;right:12px;background:#fffef5e8;border-radius:3px;padding:6px 7px;font-size:8px;letter-spacing:1px;z-index:1}
.tool-copy{padding:22px}
.tool-copy h3{font:25px Georgia,"Yu Mincho",serif;margin-bottom:10px}
.tool-copy>p{font-size:12px;line-height:1.7;color:var(--muted);min-height:40px}
.tool-copy details{margin-top:16px;border-bottom:0;border-top:1px solid var(--line);padding:13px 0 0}
.tool-copy summary{font-size:11px;color:var(--green);cursor:pointer}
.tool-copy details p{font-size:11px;line-height:1.8;margin-top:12px}
.collection-note{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:25px;padding:19px 22px;border-radius:5px;background:#eaf0e3}
.collection-note p{font-size:11px;line-height:1.8;color:#54634e;max-width:810px}
.collection-note a{white-space:nowrap;font-size:11px}
.editorial-section{margin-top:75px;padding:45px;background:var(--green);color:var(--paper);border-radius:7px;display:grid;grid-template-columns:1.15fr 1fr;gap:65px}
.editorial-lead .eyebrow{color:#bac7a7}
.editorial-lead h2{font-size:42px;max-width:380px;margin:20px 0}
.editorial-lead>p{font-size:13px;line-height:1.95;color:#d0d9c9;max-width:425px}
.principles article{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid #688275}
.principles article:last-child{border:0}
.principles article>span{font:italic 22px Georgia,serif;color:#c2c99c}
.principles h3{font:22px Georgia,"Yu Mincho",serif;margin-bottom:8px}
.principles p{font-size:11px;line-height:1.8;color:#d0d9c9}
.studio-section{padding-bottom:55px}
html[lang=ja] .tool-copy h3{font-size:22px}
html[lang=ja] .gallery-card h3{font-size:22px}
html[lang=ja] .editorial-lead h2{font-size:35px}
@media(max-width:1050px){.header nav{gap:15px;font-size:12px}.header-actions{gap:13px}.hero-secondary{margin-left:0;display:table}.editorial-section{gap:35px;padding:32px}.gallery-image{height:260px}.tool-copy h3{font-size:23px}.collection-note{align-items:start;flex-direction:column;gap:12px}}
@media(max-width:760px){.header .brand{font-size:27px}.hero-secondary{margin-top:18px}.gallery-section,.tools-section{padding-top:50px}.gallery-grid{grid-template-columns:1fr;gap:30px}.gallery-card:nth-child(2){padding:0}.gallery-image,.gallery-card:nth-child(2) .gallery-image{height:270px}.gallery-card:first-child img{object-position:center 26%}.gallery-card p{max-width:none}.tools-grid{grid-template-columns:1fr 1fr;gap:12px}.tool-image{height:130px}.tool-copy{padding:15px 12px}.tool-copy h3{font-size:20px;line-height:1.2;min-height:48px}.tool-copy>p{font-size:11px;min-height:57px}.tool-badge{font-size:6px;letter-spacing:.5px;right:6px;top:7px;padding:5px}.tool-number{font-size:20px;left:10px}.tool-copy details p{font-size:11px}.editorial-section{grid-template-columns:1fr;padding:28px 24px;gap:20px;margin-top:45px}.editorial-lead h2{font-size:35px}.editorial-lead>p{font-size:12px}.principles article{gap:18px}.studio-section{padding-bottom:20px}html[lang=ja] .tool-copy h3{font-size:17px}html[lang=ja] .editorial-lead h2{font-size:30px}}
@media(max-width:360px){.tools-grid{grid-template-columns:1fr}.tool-image{height:180px}.tool-copy h3,.tool-copy>p{min-height:0}.tool-copy>p{margin-top:10px}}
