/*
Theme Name: YOGEN Studio
Theme URI: https://yogen.studio
Author: YOGEN Studio
Description: An editorial, East Asian-inspired portfolio theme for architecture and spatial practice.
Version: 1.0.0
Text Domain: yogen-studio
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400&family=Manrope:wght@300;400;500&family=Newsreader:opsz,wght@6..72,300;6..72,400&display=swap');
:root{--paper:#e8e2d6;--ink:#1d211d;--moss:#667064;--bronze:#765f48;--vermilion:#8d4035;--line:rgba(29,33,29,.25)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}.site-header{position:absolute;z-index:5;top:0;left:0;width:100%;padding:29px 5.5vw;display:flex;justify-content:space-between;align-items:center}.site-name{font-size:18px;font-weight:500;letter-spacing:.08em}.site-nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.site-nav a:hover{color:var(--vermilion)}.menu-toggle{display:none}.small-note{font:10px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;margin:0}.opening{position:relative;min-height:100svh;overflow:hidden;background:linear-gradient(135deg,#d4cec1,#ebe5d9 55%,#cec7b8);padding:29px 5.5vw}.opening-ink{position:absolute;inset:0;background:radial-gradient(ellipse 48% 42% at 77% 40%,rgba(42,53,45,.43),transparent 70%),radial-gradient(ellipse 34% 44% at 32% 94%,rgba(141,64,53,.23),transparent 72%);mix-blend-mode:multiply}.opening-title,.opening-foot,.opening .small-note{position:relative}.opening-title{position:absolute;left:13vw;top:50%;transform:translateY(-42%)}.opening-title p{font:300 clamp(27px,3vw,48px) Newsreader,serif;margin:0 0 10px}.opening-title h1{font:300 clamp(78px,12.5vw,210px)/.75 Newsreader,serif;letter-spacing:-.075em;margin:0}.opening-title em,.manifesto em,.inquiry em{font-style:italic;color:#4d5b4d}.opening-foot{position:absolute;bottom:31px;left:5.5vw;right:5.5vw;display:flex;justify-content:space-between;font:10px 'DM Mono';line-height:1.5;text-transform:uppercase;letter-spacing:.08em}.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:none}.manifesto{padding:clamp(100px,15vw,220px) 10vw;display:grid;grid-template-columns:20% 1fr;background:#e5dfd4}.manifesto>div{max-width:1070px}.manifesto h2,.inquiry h2{font:300 clamp(46px,7vw,112px)/.91 Newsreader,serif;letter-spacing:-.055em;margin:0}.manifesto-text{max-width:400px;margin:75px 0 0 auto;font-size:15px;line-height:1.75}.image-pause{height:min(72vw,960px);position:relative;background:linear-gradient(90deg,rgba(14,18,14,.08),transparent),url('https://images.unsplash.com/photo-1600607688960-e095ff83135c?auto=format&fit=crop&w=2400&q=85') center/cover}.pause-caption{position:absolute;bottom:22px;left:5.5vw;right:5.5vw;color:#fff;display:flex;justify-content:space-between;font:10px 'DM Mono';letter-spacing:.1em;text-transform:uppercase}.works{padding:140px 5.5vw;background:#cfd0c3}.section-heading{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;font:10px 'DM Mono';letter-spacing:.08em;text-transform:uppercase}.section-heading a{color:var(--vermilion)}.work{display:grid;grid-template-columns:1.6fr .75fr;gap:6vw;align-items:end;margin:clamp(85px,14vw,200px) 0}.work.reverse{grid-template-columns:.75fr 1.6fr}.work.reverse .work-image{order:2}.work-image{display:block;height:min(52vw,720px);background-size:cover;background-position:center;transition:transform .8s,filter .8s}.work-image:hover{transform:scale(.985);filter:contrast(.87) saturate(.7)}.koan{background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1800&q=85')}.rain{background-image:url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1800&q=85')}.quiet{background-image:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1800&q=85')}.work-copy{padding-bottom:5px}.work-copy span{font:10px 'DM Mono';color:var(--vermilion)}.work-copy h3{font:300 clamp(31px,4.2vw,65px)/.92 Newsreader,serif;margin:24px 0}.work-copy p{font-size:14px;line-height:1.65;max-width:270px}.work-copy a{display:inline-block;margin-top:35px;padding-bottom:7px;border-bottom:1px solid var(--ink);font:10px 'DM Mono';text-transform:uppercase}.materials{padding:130px 5.5vw;background:#242b26;color:#ded9cf}.material-grid{margin-top:70px;display:grid;grid-template-columns:1.1fr .8fr .7fr;height:min(44vw,590px)}.material{background-position:center;background-size:cover}.stone{background-image:url('https://images.unsplash.com/photo-1518005020951-eccb494ad742?auto=format&fit=crop&w=1400&q=85')}.water{background-image:url('https://images.unsplash.com/photo-1469474968028-56623f02e42e?auto=format&fit=crop&w=1400&q=85');filter:grayscale(1) sepia(.2)}.paper{display:flex;align-items:end;padding:25px;background:#ac9e8b;color:#22201b;font:300 clamp(25px,3vw,50px)/.95 Newsreader,serif}.inquiry{min-height:76vh;padding:14vw 10vw;position:relative;background:#ded6ca}.inquiry>a{position:absolute;right:10vw;bottom:13vw;padding-bottom:10px;border-bottom:1px solid var(--ink);font:11px 'DM Mono'}.site-footer{margin:0 5.5vw;padding:21px 0 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font:10px 'DM Mono';letter-spacing:.08em;text-transform:uppercase}.page-shell{padding:190px 10vw 130px;min-height:75vh}.page-shell h1{font:300 clamp(72px,11vw,170px)/.78 Newsreader,serif;letter-spacing:-.07em;margin:0 0 75px}.page-content{max-width:760px;font-size:17px;line-height:1.75}.page-content h2{font:300 clamp(35px,5vw,70px)/.95 Newsreader,serif}.page-content a{color:var(--bronze);border-bottom:1px solid currentColor}@media(max-width:700px){.site-header{padding:22px 20px}.site-nav ul{gap:13px;font-size:9px}.site-name{font-size:15px}.opening{padding:22px 20px}.opening-title{left:20px}.opening-title h1{font-size:76px}.opening-foot{left:20px;right:20px}.manifesto{padding:95px 20px;display:block}.manifesto h2,.inquiry h2{font-size:50px}.manifesto-text{margin:50px 0 0}.image-pause{height:120vw}.works{padding:85px 20px}.work,.work.reverse{display:flex;flex-direction:column;gap:25px;margin:80px 0}.work.reverse .work-image{order:0}.work-image{width:100%;height:112vw}.work-copy{align-self:flex-start}.materials{padding:85px 20px}.material-grid{height:130vw;margin-top:45px;grid-template-columns:1fr 1fr}.paper{grid-column:span 2}.inquiry{padding:95px 20px;min-height:620px}.inquiry>a{left:20px;right:auto;bottom:75px}.site-footer{margin:0 20px;flex-wrap:wrap;gap:15px}.page-shell{padding:145px 20px 85px}.page-shell h1{font-size:70px}}@media(prefers-reduced-motion:no-preference){.opening-ink{animation:ink 18s ease-in-out infinite alternate}@keyframes ink{from{transform:scale(.96) translate(-2vw,-1vw)}to{transform:scale(1.1) translate(3vw,3vw)}}}