.principles { padding: 170px 0; }
.principles-head { display:grid;grid-template-columns:1fr 5fr;gap:40px;margin-bottom:100px}.principles-head h2{font-family:var(--serif);font-size:clamp(48px,6vw,90px);font-weight:400;line-height:.95;letter-spacing:-.055em;margin:0}.principles-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:stretch}.principle-visual{min-height:620px;background:#d9d1c2;position:sticky;top:80px;overflow:hidden}.principle-visual>span{position:absolute;left:20px;bottom:18px;font-size:8px;letter-spacing:.18em}.principle-shape{position:absolute;inset:10%;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.principle-shape i{position:absolute;display:block;transition:all .8s cubic-bezier(.2,.8,.2,1)}.shape-wall{width:65%;height:68%;left:14%;bottom:10%;background:#eae4d8;box-shadow:30px 35px 60px rgba(40,35,30,.18)}.shape-sun{width:34%;aspect-ratio:1;border-radius:50%;right:2%;top:4%;background:#b85b3e}.shape-cut{width:26%;height:38%;left:34%;bottom:10%;background:#3d423a;box-shadow:inset 12px 10px 20px rgba(0,0,0,.3)}.state-1{transform:rotate(5deg) scale(.94)}.state-1 .shape-wall{border-radius:50% 50% 0 0;background:#c7b397}.state-1 .shape-cut{border-radius:50% 50% 0 0}.state-1 .shape-sun{top:50%;right:4%;background:#7f8873}.state-2{transform:rotate(-7deg) scale(.9)}.state-2 .shape-wall{clip-path:polygon(10% 0,100% 17%,88% 100%,0 82%);background:#eee8dc}.state-2 .shape-cut{width:10%;left:54%;background:#a24b34}.state-2 .shape-sun{width:22%;left:2%;top:2%;background:#d3c2a6}.state-3{transform:translateY(3%) scale(.9)}.state-3 .shape-wall{width:80%;height:44%;left:5%;bottom:22%;background:#8c7965}.state-3 .shape-cut{width:42%;height:22%;left:26%;bottom:22%;background:#e2bd7f}.state-3 .shape-sun{width:42%;right:-5%;top:13%;background:#5b6757}
.principle-list button{width:100%;display:grid;grid-template-columns:50px 1fr;gap:18px;text-align:left;border:0;border-top:1px solid var(--line);background:transparent;padding:28px 0;cursor:pointer;opacity:.42;transition:opacity .35s}.principle-list button:last-child{border-bottom:1px solid var(--line)}.principle-list button.is-active{opacity:1}.principle-list button>span{font-family:var(--serif);font-style:italic;color:var(--terracotta);font-size:15px}.principle-list h3{font-family:var(--serif);font-weight:400;font-size:36px;margin:0 0 10px}.principle-list p{grid-column:2;margin:0;max-width:450px;font-size:12px;line-height:1.7;color:var(--muted)}

.process { padding:170px 0;display:grid;grid-template-columns:1fr 1.3fr;gap:10vw;border-top:1px solid var(--line)}.process-head{position:sticky;top:110px;align-self:start}.process-head .section-label{margin-bottom:70px}.process-head>p:last-child{font-size:13px;line-height:1.75;max-width:380px;margin-top:45px}.process-list{position:relative;padding-left:70px}.process-line{position:absolute;left:17px;top:0;bottom:0;width:1px;background:var(--line)}.process-line-fill{position:absolute;inset:0;background:var(--terracotta);transform:scaleY(0)}.process-step{min-height:210px;border-top:1px solid var(--line);padding:28px 0;display:grid;grid-template-columns:60px 1fr;gap:20px}.process-step>span{font-family:var(--serif);color:var(--terracotta)}.process-step h3{font-family:var(--serif);font-size:42px;font-weight:400;margin:0}.process-step p{grid-column:2;margin:0;max-width:430px;font-size:12px;line-height:1.75;color:var(--muted)}

.studio { padding:80px 0 180px;display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:center}.studio-image{min-height:760px;background:#cfc5b4;position:relative;overflow:hidden}.studio-window{position:absolute;width:58%;height:58%;right:8%;top:8%;background:linear-gradient(#a8b3b5,#dce0d6);border:18px solid #b7ab98;box-shadow:inset 0 0 40px rgba(0,0,0,.12)}.studio-table{position:absolute;width:78%;height:9%;left:8%;bottom:22%;background:#705b46;box-shadow:0 20px 35px rgba(49,38,30,.22)}.studio-table::after{content:"";position:absolute;width:4%;height:200%;left:10%;top:100%;background:#493d32;box-shadow:560px 0 #493d32}.studio-model{position:absolute;width:46%;height:26%;left:21%;bottom:31%}.studio-model i{position:absolute;background:#e6ddcf;box-shadow:8px 12px 18px rgba(40,35,30,.13)}.studio-model i:nth-child(1){width:72%;height:55%;bottom:0;left:0}.studio-model i:nth-child(2){width:50%;height:52%;right:0;top:0}.studio-model i:nth-child(3){width:38%;height:28%;left:20%;top:8%}.studio-lamp{position:absolute;width:2px;height:38%;left:12%;top:13%;background:#2d2d29}.studio-lamp::after{content:"";position:absolute;width:80px;height:35px;background:#34342f;top:0;left:-5px;clip-path:polygon(0 0,100% 0,70% 100%,0 100%)}.studio-shadow{position:absolute;width:70%;height:26%;right:-10%;bottom:2%;background:rgba(52,45,37,.17);transform:skewX(-28deg);filter:blur(10px)}.studio-image>span{position:absolute;left:18px;bottom:18px;font-size:7px;letter-spacing:.18em}.studio-copy .section-label{margin-bottom:70px}.studio-copy>p:not(.section-label){margin:45px 0 60px;font-size:13px;line-height:1.8;max-width:430px}.studio-facts{border-top:1px solid var(--line)}.studio-facts>div{display:grid;grid-template-columns:100px 1fr;align-items:end;border-bottom:1px solid var(--line);padding:20px 0}.studio-facts strong{font-family:var(--serif);font-size:38px;font-weight:400}.studio-facts span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding-bottom:5px}

.contact { background:var(--terracotta);color:#f8f2e8;width:100%;padding:150px max(32px,calc((100vw - var(--shell))/2));display:grid;grid-template-columns:1.1fr .9fr;gap:10vw}.contact-copy h2{color:#f8f2e8}.contact-copy h2 em{color:#2b2824}.contact-copy>.section-label{margin-bottom:70px}.contact-copy>p:not(.section-label){max-width:430px;line-height:1.75;font-size:13px;margin:45px 0}.contact-copy>a{display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:6px;font-size:13px}.contact-form{align-self:end}.contact-form label{display:block;border-top:1px solid rgba(255,255,255,.35);padding:16px 0}.contact-form label>span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.18em;margin-bottom:10px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:0;background:transparent;color:white;outline:none;padding:0;font-size:16px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(255,255,255,.48)}.contact-form select option{color:var(--ink)}.contact-form textarea{resize:vertical}.contact-form button{width:100%;border:1px solid rgba(255,255,255,.7);background:#f8f2e8;color:var(--ink);padding:18px 20px;display:flex;align-items:center;justify-content:center;gap:12px;text-transform:uppercase;font-size:10px;letter-spacing:.14em;cursor:pointer;transition:.3s}.contact-form button:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.contact-form small{display:block;margin-top:12px;font-size:8px;line-height:1.5;color:rgba(255,255,255,.65)}

.footer { width:100%;padding:60px max(32px,calc((100vw - var(--shell))/2)) 34px;background:var(--ink);color:var(--paper)}.footer-wordmark{font-family:var(--serif);font-size:clamp(120px,24vw,360px);line-height:.73;letter-spacing:-.08em;border-bottom:1px solid rgba(241,238,229,.2);white-space:nowrap}.footer-wordmark span{font-family:var(--sans);font-size:12px;vertical-align:top;letter-spacing:0;margin-left:10px}.footer-row{display:flex;justify-content:space-between;padding-top:25px;font-size:7px;letter-spacing:.18em}