@import url("/tokens.css");
:root{--accent:#9c856c;--accent-rgb:156,133,108;--bg:#d9cec0;/* подобрано под тон фото */--lh-h1:1.12;--ls-h1:-.02em;--water-height:30%;--water-mask-soft:18%;--water-mask-full:38%;--ripple1-x:30%;--ripple1-y:16%;--ripple2-x:65%;--ripple2-y:10%}*{box-sizing:border-box}html,body{width:100%;min-width:320px;min-height:100%;margin:0;background:var(--bg);color:var(--ink)}body{overflow:hidden;font-family:var(--font-sans)}a{color:inherit;text-decoration:none}.philosophy{position:relative;width:100vw;height:100vh;min-height:680px;overflow:hidden;isolation:isolate}.background{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.philosophy:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(252,248,242,.18),transparent 52%)}.header{position:absolute;top:clamp(28px,5vh,54px);left:clamp(36px,4.2vw,70px);right:clamp(36px,4.2vw,70px);display:flex;justify-content:space-between;align-items:flex-start}.brand{display:flex;width:48px;flex-direction:column;align-items:center;font:400 clamp(38px,3.2vw,56px)/.86 var(--font-serif);letter-spacing:-.08em}.brand i{width:4px;height:4px;margin-top:16px;border-radius:50%;background:currentColor}.menu{display:flex;align-items:center;gap:22px;padding:0;border:0;background:none;color:inherit;font:13px var(--font-sans);letter-spacing:.3em}.menu>i{width:4px;height:4px;border-radius:50%;background:currentColor}.menu>b{display:grid;width:43px;gap:7px}.menu em{height:1px;background:currentColor}.content{position:absolute;top:50%;left:clamp(70px,12vw,200px);width:min(43vw,620px);transform:translateY(-47%)}.eyebrow{margin:0 0 24px}.rule{display:block;width:38px;height:1px;margin:30px 0 25px;background:var(--accent)}.content p:not(.eyebrow){margin:0 0 17px;color:var(--soft);font:400 clamp(15px,1.12vw,18px)/1.62 var(--font-serif)}.next{display:flex;width:210px;justify-content:space-between;margin-top:29px;padding:12px 0;border-bottom:1px solid rgba(var(--ink-rgb),.55);font-size:11px;letter-spacing:.22em}.next span{font-size:19px;line-height:.55}.back{position:absolute;left:clamp(36px,4.2vw,70px);bottom:clamp(30px,4.3vh,48px);display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.22em}.back span{font-size:22px}.pause{position:absolute;right:clamp(36px,4.2vw,70px);bottom:clamp(31px,4.3vh,49px);margin:0;color:rgba(var(--ink-rgb),.58);font-size:9px;letter-spacing:.25em}@media(max-width:900px){body{overflow:auto}}