:root{--paper:#f7f3e9;--ivory:#fffdf8;--wood:#9d7658;--deep:#684c3d;--smoke:#8c8a83;--sage:#879487;--clay:#b87a61;--amber:#c99653;--ink:#31312f;--mist:#eae6de;font-family:"Segoe UI",Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.55;letter-spacing:.01em}img{display:block;width:100%;height:100%;object-fit:cover}button,input,textarea{font:inherit}button{cursor:pointer}.shell{width:min(1240px,calc(100% - 48px));margin:auto}.eyebrow{font-size:.73rem;letter-spacing:.16em;color:var(--wood);font-weight:700}.display{font-size:clamp(2.4rem,6vw,6.3rem);line-height:.98;letter-spacing:-.055em;margin:.25em 0}.section{padding:110px 0;position:relative}.section h2{font-size:clamp(2rem,4vw,4.1rem);line-height:1;margin:.15em 0 .6em;letter-spacing:-.045em}.grain-header{position:sticky;top:0;z-index:20;background:rgba(247,243,233,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(104,76,61,.2)}.grain-header:after{content:"";display:block;height:2px;background:linear-gradient(90deg,var(--wood),transparent 40%,var(--sage),transparent)}.nav{display:flex;justify-content:space-between;align-items:center;min-height:72px}.brand{font-weight:800;text-decoration:none;color:var(--ink);letter-spacing:.18em}.nav-links{display:flex;gap:22px;align-items:center}.nav a{color:inherit;text-decoration:none;font-size:.88rem}.nav a:hover{color:var(--clay)}.menu-button{display:none;border:0;background:none;font-size:1.3rem}.hero{min-height:760px;display:grid;grid-template-columns:1.02fr .98fr;gap:30px;align-items:end;padding:58px 0 72px}.hero-copy{padding:0 0 42px}.hero p{max-width:570px;font-size:1.08rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{border:1px solid var(--deep);background:var(--deep);color:white;padding:13px 18px;text-decoration:none;font-size:.78rem;letter-spacing:.1em;font-weight:700}.button.ghost{background:transparent;color:var(--deep)}.hero-media{height:635px;position:relative}.hero-media>img{border-radius:2px}.trace-points{position:absolute;left:-34px;bottom:26px;display:flex;gap:8px;flex-wrap:wrap}.trace-points button,.tag{border:1px solid rgba(49,49,47,.28);background:var(--ivory);padding:9px 12px;font-size:.7rem;letter-spacing:.1em}.trace-points button.active,.tag.active{background:var(--clay);color:white;border-color:var(--clay)}.trace{height:52px;background:linear-gradient(110deg,transparent 4%,var(--sage) 5%,transparent 6%,transparent 42%,var(--clay) 43%,transparent 44%,transparent 70%,var(--wood) 71%,transparent 72%);opacity:.75}.feature-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}.weave{position:relative;min-height:350px;padding:24px;background:var(--ivory);overflow:hidden}.weave:before,.weave:after{content:"";position:absolute;inset:28% -10%;border-top:2px solid var(--wood);transform:rotate(-8deg);opacity:.65}.weave:after{transform:rotate(11deg);border-color:var(--clay)}.weave .tag{position:relative;z-index:1;margin:5px}.weave-result{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.weave-result img{height:240px}.bench{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.sample{border:0;background:none;padding:0;text-align:left}.sample img{height:185px;transition:transform .3s}.sample:hover img{transform:translateY(-8px)}.sample:nth-child(1){grid-column:span 5}.sample:nth-child(2){grid-column:span 3}.sample:nth-child(3){grid-column:span 4}.sample:nth-child(4){grid-column:3/span 4}.sample:nth-child(5){grid-column:7/span 5}.note{font-size:.76rem;margin-top:7px;letter-spacing:.09em}.frame{display:grid;grid-template-columns:1.15fr .85fr;gap:0;background:var(--ink);color:var(--paper)}.frame img{min-height:520px}.frame-copy{padding:52px}.frame-copy .tag{margin:4px;background:transparent;color:var(--paper);border-color:#aaa}.frame-copy .tag.active{background:var(--clay)}.space-stage{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}.space-stage img{min-height:500px}.space-controls{padding:38px;background:var(--mist)}.choice-row{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0 24px}.craft{background:var(--ivory)}.craft-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:36px}.craft-layout img{min-height:470px}.notes button{display:block;width:100%;text-align:left;padding:18px;border:0;border-bottom:1px solid #ddd;background:transparent;color:var(--ink)}.notes button.active{color:var(--clay);padding-left:30px}.stories{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.story{min-height:540px;position:relative;color:white;overflow:hidden}.story:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.72))}.story div{position:absolute;bottom:26px;left:28px;right:28px;z-index:1}.atelier{display:grid;grid-template-columns:1.1fr .9fr;gap:35px}.atelier img{height:520px}.selection{background:var(--deep);color:var(--paper)}.slip{background:var(--paper);color:var(--ink);padding:25px;transform:rotate(1deg);max-width:450px}.slip-line{padding:10px 0;border-bottom:1px dashed #b6afa7}.footer{padding:55px 0;background:var(--ink);color:var(--paper)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.slip-tab{position:fixed;z-index:25;right:0;bottom:25%;writing-mode:vertical-rl;border:0;background:var(--clay);color:white;padding:16px 12px;letter-spacing:.09em}.slip-panel{position:fixed;z-index:30;right:18px;bottom:18px;width:min(390px,calc(100% - 36px));background:var(--paper);box-shadow:0 20px 70px #0004;padding:24px;display:none}.slip-panel.open{display:block}.wrapped-menu{display:none}.page-hero{padding:90px 0 45px}.page-hero img{height:400px;margin-top:35px}.chapter{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:60px 0;align-items:center}.chapter:nth-child(even){direction:rtl}.chapter:nth-child(even)>*{direction:ltr}.chapter img{height:420px}.filters{display:flex;gap:8px;flex-wrap:wrap}.detail-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.detail-gallery img{height:210px}.consult-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px}.form-step{display:none}.form-step.active{display:block}.field{display:block;margin:15px 0}.field input,.field textarea{width:100%;border:0;border-bottom:1px solid #aaa;background:transparent;padding:10px 0}.notice{font-size:.85rem;padding:15px;border-left:3px solid var(--clay);background:var(--ivory)}.hidden{display:none!important}@media(max-width:760px){.shell{width:min(100% - 28px,1240px)}.nav-links{display:none}.menu-button{display:block}.wrapped-menu.open{display:block;position:fixed;z-index:40;inset:0;background:var(--paper);padding:28px;background-image:linear-gradient(#f7f3e9e8,#f7f3e9e8),url('../images/scene-12.jpg');background-size:cover}.wrapped-menu a{display:block;color:var(--ink);font-size:2rem;text-decoration:none;padding:14px 0;border-bottom:1px solid #bdb5aa}.hero,.feature-grid,.frame,.space-stage,.craft-layout,.atelier,.consult-grid{grid-template-columns:1fr}.hero{padding-top:38px;min-height:auto}.hero-media{height:410px;order:-1}.hero-copy{padding:0}.trace-points{left:10px}.section{padding:70px 0}.weave-result{grid-template-columns:1fr}.bench{grid-template-columns:1fr 1fr}.sample,.sample:nth-child(n){grid-column:auto}.sample img{height:155px}.frame img,.space-stage img,.craft-layout img,.atelier img{min-height:330px;height:330px}.stories,.footer-grid,.chapter{grid-template-columns:1fr}.chapter:nth-child(even){direction:ltr}.chapter img{height:320px}.detail-gallery{grid-template-columns:repeat(2,1fr)}.detail-gallery img{height:165px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}