:root{
  --bg:#efebe3;
  --paper:#f6f3ee;
  --grid:rgba(57,53,47,.10);
  --ink:#111;
  --muted:#5d5a55;
  --green:#5C7945;
  --mustard:#D7991E;
  --cream:#FFEECB;
  --mint:#E9FADB;
  --line:#000;
  --shadow:0 12px 30px rgba(23,20,16,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"DM Sans",system-ui,sans-serif;color:var(--ink);background:var(--bg)}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
p{margin:0}
h1,h2{font-family:"Loved by the King",cursive;font-weight:400;line-height:.96;letter-spacing:0}
strong,.eyebrow,.window-footer,.application-copy span,.project-end p{font-family:"DM Sans",system-ui,sans-serif}
.home{padding:24px}
.paper-shell{max-width:1280px;margin:0 auto;padding:44px 44px 36px 68px;position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:
linear-gradient(var(--grid) 1px,transparent 1px),
linear-gradient(90deg,var(--grid) 1px,transparent 1px),
var(--paper);
background-size:28px 28px,28px 28px,auto}
.rings{position:absolute;left:-16px;top:40px;bottom:40px;display:flex;flex-direction:column;justify-content:space-between}
.rings span{display:block;width:40px;height:18px;border:4px solid #7c786f;border-right:0;border-radius:22px 0 0 22px;background:#f0ece5}
.home-header{margin-bottom:22px}
.home-header h1{font-size:clamp(60px,8vw,92px);margin:0}
.home-header p{max-width:500px;font-size:18px;line-height:1.4;color:var(--muted);margin-top:10px}
.windows-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.project-window{display:block;border:0;background:transparent;padding:0;text-align:left;cursor:pointer;transition:transform .18s ease}
.project-window:hover{transform:translateY(-4px)}
.window-frame{position:relative;border-radius:18px;background:#fff;box-shadow:var(--shadow);overflow:hidden}
.mono-window{border:5px solid var(--line);min-height:190px}
.window-view{position:relative;height:190px;background:#fff}
.window-view::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:#111;transform:translateX(-50%)}
.window-footer{padding:10px 6px 0;text-align:left}
.window-footer strong{font-size:13px;letter-spacing:.12em;font-weight:800}
.soon-window .window-footer strong{font-size:12px}
.top-line{position:absolute;left:0;right:0;top:34%;height:2px;background:#111;opacity:.8}
.top-line.dense{top:22%}
.frame-mini{position:absolute;left:21%;top:45%;width:30px;height:22px;border:2px solid #111;border-radius:2px}.frame-mini.big{left:24%;top:24%;width:54px;height:38px}
.table-base{position:absolute;left:13%;right:13%;bottom:24%;height:2px;background:#111}
.counter-sketch{position:absolute;left:18%;right:18%;bottom:22%;height:38px;border-top:2px solid #111}
.counter-clean{position:absolute;left:18%;right:18%;bottom:22%;height:44px;border-top:2px solid #111}
.lamp-sketch,.ceiling-lamp{position:absolute;left:50%;top:0;width:2px;height:34px;background:#111;transform:translateX(-50%)}
.lamp-sketch::after,.ceiling-lamp::after{content:"";position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);width:34px;height:18px;border:2px solid #111;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom:none}
.cup-sketch{position:absolute;left:57%;bottom:28%;width:22px;height:14px;border:2px solid #111;border-radius:0 0 6px 6px}.cup-sketch::after{content:"";position:absolute;right:-7px;top:2px;width:6px;height:7px;border:2px solid #111;border-left:none;border-radius:0 6px 6px 0}.cup-sketch.big{left:58%;bottom:31%}
.cat-curtain-view .curtain-line,.books-curtain-view .curtain-left,.books-curtain-view .curtain-right,.chair-view .curtain-left{position:absolute;top:0;bottom:0;width:26%;border-left:2px solid #111;background:repeating-linear-gradient(to bottom,transparent 0,transparent 14px,rgba(0,0,0,.08) 14px,rgba(0,0,0,.08) 18px)}
.cat-curtain-view .curtain-line{right:0;border-left:2px solid #111}
.books-curtain-view .curtain-left,.chair-view .curtain-left{left:0;border-left:none;border-right:2px solid #111}
.books-curtain-view .curtain-right{right:0}
.cat-sketch{position:absolute;right:15%;bottom:6%;width:34px;height:38px;border:3px solid #111;border-radius:16px 16px 10px 10px;border-top-width:2px}.cat-sketch::before{content:"";position:absolute;left:3px;top:-10px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:12px solid #111;filter:drop-shadow(14px 0 #111)}.cat-sketch::after{content:"";position:absolute;right:-17px;bottom:4px;width:16px;height:8px;border:3px solid #111;border-left:none;border-radius:0 10px 10px 0}
.sofa-sketch{position:absolute;left:16%;bottom:10%;width:84px;height:42px;border:2px solid #111;border-bottom:4px solid #111;border-radius:10px 10px 14px 14px}.sofa-sketch::before{content:"";position:absolute;left:8px;right:8px;top:-18px;height:20px;border:2px solid #111;border-bottom:none;border-radius:18px 18px 0 0}
.plant-grape{position:absolute;right:17%;bottom:-1%;width:16px;height:34px;border-radius:20px;background:radial-gradient(circle at 50% 10%,#111 0 3px,transparent 4px),radial-gradient(circle at 25% 35%,#111 0 4px,transparent 5px),radial-gradient(circle at 60% 38%,#111 0 4px,transparent 5px),radial-gradient(circle at 35% 62%,#111 0 4px,transparent 5px),radial-gradient(circle at 62% 66%,#111 0 4px,transparent 5px)}
.book-shelf{position:absolute;left:28%;right:28%;bottom:22%;height:54px;border-top:2px solid #111;border-bottom:2px solid #111;background:repeating-linear-gradient(90deg,transparent 0,transparent 8px,#111 8px,#111 10px,transparent 10px,transparent 14px)}
.chair-sketch{position:absolute;left:17%;bottom:11%;width:50px;height:56px;border:2px solid #111;border-bottom:4px solid #111;border-radius:8px 8px 16px 16px}.chair-sketch::before{content:"";position:absolute;left:6px;right:6px;top:-18px;height:18px;border:2px solid #111;border-bottom:none;border-radius:16px 16px 0 0}
.side-table{position:absolute;left:55%;bottom:11%;width:28px;height:22px;border:2px solid #111}.side-table::before{content:"";position:absolute;left:-2px;right:-2px;top:-12px;height:12px;border:2px solid #111;border-bottom:none}
.wall-art{position:absolute;right:16%;top:31%;width:24px;height:64px;border:2px solid #111}
.shelf-kitchen{position:absolute;left:31%;right:31%;top:38%;height:2px;background:#111;box-shadow:0 -34px 0 0 #111}
.sink-sketch{position:absolute;left:34%;right:34%;bottom:18%;height:26px;border:2px solid #111;border-top-left-radius:0;border-top-right-radius:0}.sink-sketch::before{content:"";position:absolute;left:50%;top:-16px;transform:translateX(-50%);width:28px;height:16px;border:2px solid #111;border-bottom:none;border-radius:12px 12px 0 0}
.table-long{position:absolute;left:20%;right:20%;bottom:22%;height:2px;background:#111}
.stool-clean{position:absolute;bottom:11%;width:18px;height:58px;border:2px solid #111;border-bottom:4px solid #111;border-radius:8px}.stool-clean.one{left:34%}.stool-clean.two{left:58%}
.project{background:#171714;height:100dvh;overflow:hidden}.project[hidden]{display:none}
.project-nav{position:fixed;z-index:50;top:0;left:0;right:0;height:68px;padding:0 26px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(23,23,20,.96);backdrop-filter:blur(10px);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.project-nav button{background:none;border:0;color:inherit;cursor:pointer;font-weight:800}
.progress{display:flex;gap:9px}.dot{width:10px;height:10px;border-radius:50%;background:#70706d!important;padding:0}.dot.active{background:#fff!important}.project-count{justify-self:end;font-weight:700}
.project-track{position:absolute;top:68px;left:0;right:0;bottom:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.project-track::-webkit-scrollbar{display:none}
.project-slide{flex:0 0 100vw;height:100%;scroll-snap-align:start;overflow:hidden;padding:0;background:#e9e2d3}
.slide-scroll{height:100%;overflow-y:auto;overscroll-behavior-y:contain;padding:24px}.slide-scroll::-webkit-scrollbar{width:10px}.slide-scroll::-webkit-scrollbar-thumb{background:#b7ad9a;border-radius:20px;border:2px solid #e9e2d3}.slide-scroll::-webkit-scrollbar-track{background:transparent}
.sheet{min-height:100%;padding:56px 60px;border-radius:28px;background:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),var(--paper);background-size:28px 28px,28px 28px,auto;box-shadow:var(--shadow);overflow:visible}
.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:#666;margin-bottom:10px}
.sheet h2{font-size:clamp(48px,7vw,92px);margin:0 0 18px}
.idea-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.idea-copy blockquote{font-size:clamp(30px,4.2vw,58px);line-height:1;margin:0 0 10px;max-width:640px}.idea-copy>span{display:block;font-weight:800;font-size:20px;margin-bottom:20px}.idea-copy p,.lead{font-size:clamp(18px,1.8vw,26px);line-height:1.45;max-width:700px}.idea-window .window-frame.tall{min-height:380px}.idea-window .window-view{height:380px}.next-slide{margin-top:30px;border:0;background:#181614;color:#fff;border-radius:999px;padding:15px 22px;font-weight:800;cursor:pointer}
.universe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.info-card,.image-card,.application-card,.brand-logo-card{background:#fff;border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.info-card{padding:24px}.info-card h3{font-size:20px;margin:0 0 16px}.palette-block{background:#ffeecb}.type-block{background:#e9fadb}.text-block{background:#f8f3eb}.swatches{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.swatches div{display:flex;align-items:center;gap:10px;font-weight:700}.swatches i{display:block;width:42px;height:42px;border-radius:50%;background:var(--sw);flex:none;border:2px solid rgba(0,0,0,.08)}.font-sample{margin-top:12px}.font-sample.heavy{font-weight:800;font-size:24px;line-height:1.1}.font-sample.regular{font-size:22px}.image-card img{width:100%;height:100%;object-fit:cover;background:#fff}.span-2{grid-column:span 2}
.brand-stage{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.brand-logo-card{padding:28px;background:#fffdf8}.brand-logo-card img{width:100%;max-height:580px;object-fit:contain}.brand-text p{font-size:clamp(20px,2vw,30px);line-height:1.35;margin-bottom:18px}.brand-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.brand-tags span{background:#5c7945;color:#fff;padding:12px 16px;border-radius:999px;font-weight:800}
.applications-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px}.application-card{display:flex;flex-direction:column;background:#fff}.application-card.wide{grid-column:span 2}.application-copy{padding:20px 22px 0}.application-copy span{font-size:22px;display:block;margin-bottom:8px;font-weight:800;letter-spacing:.08em}.application-copy p{font-size:18px;line-height:1.4;color:#4d4a42;padding-bottom:16px}.application-card img{width:100%;height:100%;object-fit:cover;border-top:1px solid #eee}
.project-end{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:34px;padding-top:24px;border-top:2px solid rgba(0,0,0,.12)}.project-end p{font-size:22px;font-weight:800}.project-end button{border:0;background:#181614;color:#fff;padding:14px 18px;border-radius:999px;font-weight:800;cursor:pointer}
@media (max-width:1024px){.paper-shell{padding:40px 24px 30px 46px}.windows-grid{grid-template-columns:repeat(2,1fr)}.home-header h1{font-size:72px}.project-window:first-child{grid-column:1/-1}.idea-layout,.brand-stage{grid-template-columns:1fr}.universe-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:1/-1}.applications-grid{grid-template-columns:1fr}.application-card.wide{grid-column:auto}.sheet{padding:44px 28px}.idea-window .window-frame.tall,.idea-window .window-view{min-height:320px;height:320px}}
@media (max-width:640px){.home{padding:14px}.paper-shell{padding:34px 18px 24px 34px}.rings span{width:30px;height:12px;border-width:3px}.home-header h1{font-size:58px}.home-header p{font-size:16px}.windows-grid{grid-template-columns:1fr;gap:16px}.window-view,.mono-window{min-height:170px;height:170px}.project-nav{height:60px;padding:0 14px;font-size:12px}.project-track{top:60px}.slide-scroll{padding:10px}.sheet{padding:34px 18px}.sheet h2{font-size:46px}.idea-copy blockquote{font-size:34px}.universe-grid{grid-template-columns:1fr}.brand-tags span{font-size:12px}.project-count{display:none}.project-end{flex-direction:column;align-items:flex-start}}