:root{--ivory:#f1eee5;--ink:#171814;--olive:#85816f;--line:#c8c1b2;--dark:#11120f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:'Quattrocento Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,blockquote{font-family:'Cormorant Garamond',serif;font-weight:400}.site-header{position:absolute;z-index:20;top:0;right:0;width:50%;height:110px;padding:0 3.5vw;display:flex;align-items:center;background:rgba(241,238,229,.91);backdrop-filter:blur(12px)}.brand{font:400 clamp(3.8rem,5vw,5.3rem)/1 'Cormorant Garamond',serif;letter-spacing:-.07em}.site-header nav{display:flex;gap:1.8vw;margin-left:auto;font-size:11px}.site-header nav a{padding:8px 0;border-bottom:1px solid transparent}.site-header nav a:hover{border-color:currentColor}.tools{display:flex;gap:15px;margin-left:22px}.tools button{border:0;background:none;font-size:10px;letter-spacing:.16em;cursor:pointer}#menu{display:none}#menu i{display:block;width:25px;height:1px;background:currentColor;margin:6px 0}.hero{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.hero-image{background:url('https://threehundred-experience-design.gavinho-6834.chatgpt.site/images/hero.png') center/cover no-repeat}.hero-copy{padding:clamp(150px,18vh,230px) 3.5vw 5vh;display:flex;flex-direction:column}.story-index{display:flex;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--line);color:var(--olive);font-size:12px}.story-index span:first-child{color:var(--ink)}.hero h1{font-size:clamp(4rem,6.1vw,7.5rem);line-height:.86;letter-spacing:-.055em;margin:8vh 0 0}.signature{font:italic clamp(1.5rem,2vw,2rem) 'Cormorant Garamond',serif;color:var(--olive);border-top:1px solid var(--line);padding-top:25px;margin-top:auto}.discover{display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.18em;margin-top:18px}.panel{padding:clamp(90px,11vw,180px) 6vw}.dark{background:var(--dark);color:var(--ivory)}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--olive)}.question{min-height:90svh;display:flex;flex-direction:column;justify-content:space-between}.question h2{font-size:clamp(4.3rem,9vw,10.5rem);line-height:.87;letter-spacing:-.055em;margin:15vh 0 0;max-width:1400px}.manifesto{min-height:100svh;padding:12vw 6vw;display:grid;grid-template-columns:1fr 2fr;gap:7vw;align-content:center}.manifesto>p:first-child{max-width:290px;color:#aaa99d;line-height:1.7}.manifesto h2{font-size:clamp(4rem,7vw,8rem);line-height:.9;letter-spacing:-.045em;margin:0}.manifesto>p:last-child{grid-column:2;max-width:650px;color:#aaa99d;line-height:1.7}.section-head{display:flex;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid var(--line)}.section-head p:last-child{max-width:280px;line-height:1.6}.chapter{display:grid;grid-template-columns:7% 25% 1fr 25px;gap:2vw;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.chapter>span,.chapter>b{font-size:10px;color:var(--olive);font-weight:400}.chapter h3{font-size:clamp(2.5rem,4.5vw,5rem);margin:0}.chapter p{max-width:440px;line-height:1.6;color:#65665d}.discipline{min-height:100svh;padding:10vw 8vw;display:flex;flex-direction:column;justify-content:center;background:#ded8ca}.discipline h2{font-size:clamp(4.5rem,8vw,9rem);line-height:.85;letter-spacing:-.055em;margin:10vh 0 6vh}.discipline>p:not(.eyebrow){max-width:650px;line-height:1.8}.discipline blockquote{max-width:900px;margin:10vh 0 0 auto;font-size:clamp(2.5rem,4vw,5rem);line-height:1;color:var(--olive)}.soul{display:grid;grid-template-columns:1fr 1fr;min-height:100svh}.soul-image{background:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.12)),url('https://threehundred-experience-design.gavinho-6834.chatgpt.site/images/hero.png') 30% center/cover}.soul-copy{padding:9vw 6vw;display:flex;flex-direction:column;justify-content:center}.soul h2{font-size:clamp(3.8rem,6vw,7rem);line-height:.9;letter-spacing:-.045em;margin:9vh 0 5vh}.soul h2 em{color:var(--olive);font-weight:300}.soul-copy>p:last-child{max-width:560px;line-height:1.8}.technology{display:grid;grid-template-columns:1fr 1.2fr;gap:10vw}.technology-intro h2{font-size:clamp(4.5rem,7vw,8rem);line-height:.85;margin:10vh 0 6vh}.technology-intro>p:not(.eyebrow){max-width:560px;line-height:1.8}.technology-intro blockquote{font-size:clamp(2rem,3vw,4rem);font-style:italic;color:var(--olive);margin-top:10vh}.technology-list>div{display:grid;grid-template-columns:45px 1fr 1fr;align-items:baseline;gap:20px;padding:28px 0;border-top:1px solid var(--line)}.technology-list>div:last-of-type{border-bottom:1px solid var(--line)}.technology-list span,.technology-list small{font-size:10px;color:var(--olive)}.technology-list h3{font-size:2rem;margin:0}.technology-list p{color:#65665d}.technology-list small{display:block;margin-top:40px;line-height:1.7}.stories .section-head{border-color:#393a35}.stories article{min-height:70svh;margin-top:50px;padding:40px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.65)),url('https://threehundred-experience-design.gavinho-6834.chatgpt.site/images/hero.png') center/cover}.stories article>span{font-size:10px;text-transform:uppercase;letter-spacing:.18em}.stories h2{font-size:clamp(4rem,8vw,9rem);line-height:.8;margin:0}.stories article p{color:#d2cfc6}.journal>h2{font-size:clamp(4rem,7vw,8rem);line-height:.9;max-width:900px}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:100px}.articles article{min-height:360px;border-top:1px solid var(--line);padding:24px 0;display:flex;flex-direction:column}.articles span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--olive)}.articles h3{font-size:clamp(2rem,3vw,3.6rem);line-height:1;margin-top:auto}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact h2{font-size:clamp(5rem,8vw,9rem);line-height:.82;margin:10vh 0 6vh}.contact>div>p:last-child{font:2rem/1.2 'Cormorant Garamond',serif;color:#aaa99d;max-width:540px}.contact>a{align-self:end;justify-self:start;border-bottom:1px solid currentColor;padding:15px 0;font-size:11px;text-transform:uppercase;letter-spacing:.17em}.contact>a span{margin-left:90px}footer{padding:70px 6vw 35px;display:grid;grid-template-columns:1fr 1fr;align-items:end}footer p{font:italic 1.6rem 'Cormorant Garamond',serif;color:var(--olive)}footer small{text-align:right;color:var(--olive)}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}@media(max-width:850px){.site-header{width:100%;height:82px;padding:0 22px}.site-header .brand{font-size:3.4rem}#menu{display:block}.site-header nav{display:none;position:absolute;top:82px;left:0;width:100%;height:calc(100svh - 82px);padding:50px 24px;background:var(--ivory);flex-direction:column;gap:22px}.site-header nav.open{display:flex}.site-header nav a{font:2.6rem 'Cormorant Garamond',serif}.hero{grid-template-columns:1fr;grid-template-rows:46svh 54svh}.hero-copy{padding:28px 24px}.hero h1{font-size:clamp(3.3rem,15vw,5.2rem);margin-top:4vh}.question,.chapters,.journal,.technology,.stories,.contact{padding:80px 24px}.question h2{font-size:clamp(3.7rem,16vw,6rem)}.manifesto{grid-template-columns:1fr;padding:100px 24px}.manifesto h2,.manifesto>p:last-child{grid-column:1}.manifesto h2{font-size:4rem}.section-head{display:block}.chapter{grid-template-columns:35px 1fr 20px}.chapter p{grid-column:2}.chapter b{grid-column:3;grid-row:1}.discipline{padding:100px 24px}.soul{grid-template-columns:1fr}.soul-image{min-height:65svh}.soul-copy{padding:100px 24px}.technology{grid-template-columns:1fr}.stories article{min-height:65svh;padding:24px}.articles{grid-template-columns:1fr}.articles article{min-height:280px}.contact{grid-template-columns:1fr}footer{grid-template-columns:1fr}footer small{text-align:left}}