@charset "UTF-8";
:root{--ink:#193646;--muted:#59717a;--paper:#f7f7ef;--card:#fff;--line:#dce3dc;--mint:#d9eddf;--blue:#234b65;--lime:#e1ef99;--accent:#376849;--radius:22px;--shadow:0 14px 45px #1936460a;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;line-height:1.6}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button,input,select,textarea{border:1px solid var(--line);border-radius:12px}input,select,textarea{background:white;padding:12px 14px;color:var(--ink);width:100%}textarea{resize:vertical;min-height:100px}label{display:block;font-weight:650;font-size:.88rem;margin-bottom:7px}input[type=checkbox]{width:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.13;letter-spacing:-.04em}h1{font-size:clamp(2.7rem,6vw,5.7rem);font-weight:700}h2{font-size:clamp(1.8rem,3vw,2.9rem)}h3{font-size:1.25rem}p{margin-bottom:1rem}small,.small{font-size:.8rem}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.71rem;font-weight:750;display:block;margin-bottom:18px}.wrap{max-width:1200px;padding:0 40px;margin:auto}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:750;letter-spacing:-.03em;font-size:1.15rem}.brandmark{display:grid;place-items:center;width:40px;height:40px;border:1px solid currentColor;border-radius:50%;font-size:.85rem}.topnav{display:flex;gap:28px;align-items:center;font-size:.88rem}.topnav a{text-decoration:none}.topnav a:hover{text-decoration:underline}.pill{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;font-size:.71rem;font-weight:650;border:1px solid var(--line);border-radius:30px;background:#fff9;letter-spacing:.01em}.dot{width:6px;height:6px;border-radius:50%;background:#47815b}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:13px 20px;border:1px solid var(--ink);border-radius:50px;background:var(--ink);color:white;font-size:.88rem;font-weight:600;text-decoration:none;line-height:1.5;transition:transform .15s,background .15s}.button:hover{background:#2a5062;transform:translateY(-1px)}.button.secondary{color:var(--ink);background:transparent;border-color:#b8c8c8}.button.secondary:hover{background:var(--mint)}.button.light{background:var(--lime);color:var(--ink);border-color:var(--lime)}.button.compact{padding:9px 15px;font-size:.8rem}.text-link{font-weight:650;font-size:.88rem}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;padding:72px 0 62px;align-items:center}.hero h1{margin-bottom:24px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.lead{font-size:1.08rem;line-height:1.8;max-width:580px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px}.hero-art{position:relative;min-height:410px;display:grid;place-items:center;background:var(--mint);border-radius:160px 160px 24px 24px;overflow:hidden}.orbit{position:absolute;border:1px solid #719c7d55;width:340px;height:340px;border-radius:50%;transform:rotate(-20deg)}.orbit.two{width:440px;height:230px;transform:rotate(-40deg)}.art-window{position:relative;background:var(--paper);width:76%;border:1px solid #92ac9a;border-radius:17px;box-shadow:14px 18px 0 #90af9633;transform:rotate(-5deg);padding:22px}.window-top{font-size:.68rem;display:flex;justify-content:space-between;border-bottom:1px solid #ccd6ca;padding-bottom:15px;margin-bottom:22px}.art-word{font-size:2.9rem;font-family:Georgia,serif;line-height:1.1;letter-spacing:-.06em}.art-panels{display:flex;gap:9px;margin-top:25px}.art-panel{background:#d1ded3;border-radius:10px;width:50%;padding:15px;font-size:.75rem;min-height:100px}.art-panel:last-child{background:var(--blue);color:#fff}.art-panel strong{font-size:1.7rem;display:block;line-height:1.1}.floating-note{position:absolute;bottom:28px;right:20px;background:var(--lime);padding:13px 18px;border-radius:10px;transform:rotate(5deg);font-family:Georgia,serif;font-size:1.1rem}.intro-strip{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;font-size:.78rem;color:var(--muted)}.section{padding:64px 0}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.section-heading h2{margin-bottom:0}.section-heading p{max-width:400px;margin:0;font-size:.9rem}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.project-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.project-visual{height:260px;position:relative;padding:30px;overflow:hidden}.project-visual.wear{background:var(--blue);color:#fff}.project-visual.eco{background:#e2e9b2}.project-visual h3{font-size:3rem;font-weight:500;position:relative;z-index:1}.project-visual .visual-label{position:absolute;bottom:23px;left:30px;font-size:.71rem;letter-spacing:.09em;text-transform:uppercase}.loops{position:absolute;right:-35px;top:45px;width:260px;height:260px;border:2px solid #c4d9ce80;border-radius:50%}.loops:before,.loops:after{content:"";position:absolute;inset:25px;border:2px solid #c4d9ce80;border-radius:50%}.loops:after{inset:52px}.eco .loops{border-color:#819b54;transform:rotate(35deg);border-radius:90% 0 90% 0}.eco .loops:before,.eco .loops:after{border-color:#819b54;border-radius:90% 0 90% 0}.project-copy{padding:28px}.project-copy h3{font-size:1.5rem;margin:15px 0}.project-copy p{color:var(--muted);font-size:.91rem}.project-foot{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:12px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{font-size:.68rem;border:1px solid var(--line);padding:4px 9px;border-radius:20px}.study-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.study-card{padding:25px;background:#edf0e6;border-radius:16px}.study-card p{font-size:.87rem;color:var(--muted)}.study-card .num{display:block;font-size:.74rem;margin-bottom:35px}.process{display:grid;grid-template-columns:1fr 1.5fr;gap:65px;border-top:1px solid var(--line)}.process p{color:var(--muted)}footer{border-top:1px solid var(--line);padding:26px 0;display:flex;justify-content:space-between;gap:20px;font-size:.77rem;color:var(--muted)}.notice{padding:13px 18px;background:#e9eee6;border:1px solid #d6e0d2;border-radius:12px;font-size:.81rem;line-height:1.65}.notice strong{font-weight:750}.page-heading{padding:42px 0 30px}.page-heading h1{font-size:clamp(2.5rem,5vw,4.2rem);margin-bottom:14px}.page-heading p{max-width:650px}.app-shell{display:grid;grid-template-columns:190px minmax(0,1fr);gap:30px;margin:26px 0 60px}.app-nav{display:flex;flex-direction:column;gap:6px;align-self:start;position:sticky;top:20px}.app-nav a{padding:12px 14px;border-radius:11px;text-decoration:none;font-size:.87rem;display:flex;gap:12px;align-items:center}.app-nav a[aria-current=page]{background:var(--blue);color:#fff}.app-nav .nav-index{font-size:.7rem;opacity:.7}.app-nav .nav-bottom{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.panel[hidden]{display:none}.panel-title{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:22px}.panel-title h2{font-size:1.9rem;margin-bottom:8px}.panel-title p{font-size:.88rem;color:var(--muted);margin:0}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.chip{padding:8px 15px;background:white;border:1px solid var(--line);border-radius:50px;color:var(--ink);font-size:.79rem}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:16px}.map-board{position:relative;min-height:380px;background:#e4ede2;border:1px solid #d0dbce;border-radius:18px;overflow:hidden}.map-board svg{display:block;width:100%;height:100%;position:absolute;inset:0}.map-marker{position:absolute;border:4px solid white;color:white;width:43px;height:43px;border-radius:50%;font-weight:750;box-shadow:0 2px 10px #19364630;padding:0;z-index:2}.map-marker[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:3px}.map-marker[data-level=alta]{background:#9d493e}.map-marker[data-level=media]{background:#916218}.map-marker[data-level=baja]{background:#376849}.marker-a{left:27%;top:22%}.marker-b{left:58%;top:46%}.marker-c{left:42%;top:73%}.map-caption{position:absolute;bottom:12px;left:12px;font-size:.65rem;background:#fffD;padding:3px 8px;border-radius:5px}.map-label{fill:#6a8178;font:13px system-ui;letter-spacing:2px}.map-details{background:white;border:1px solid var(--line);border-radius:18px;padding:22px;font-size:.85rem}.map-details h3{margin-top:14px}.level{display:inline-block;font-size:.69rem;border-radius:20px;padding:4px 9px;background:#edf1e9;color:var(--ink)}.stack{display:grid;gap:18px;margin-top:22px}.box{padding:25px;background:white;border:1px solid var(--line);border-radius:18px}.box h3{margin-bottom:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}.status{font-size:.83rem;min-height:1.5em;margin:12px 0 0;color:var(--accent)}.record-list{display:grid;gap:12px;padding:0;list-style:none;margin-bottom:0}.record{padding:15px;background:#f3f5ee;border-radius:10px;overflow-wrap:anywhere}.record p{margin:7px 0;font-size:.87rem;white-space:pre-wrap}.record-head{display:flex;justify-content:space-between;align-items:start;gap:15px;font-size:.77rem}.delete{border:0;background:transparent;color:#855248;text-decoration:underline;font-size:.76rem;padding:2px 0}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.brand-card{background:white;border:1px solid var(--line);border-radius:16px;padding:20px}.brand-monogram{font-family:Georgia,serif;font-size:2rem;color:#668775;margin-bottom:22px}.brand-card h3{font-size:1.08rem;letter-spacing:-.02em;margin-bottom:10px}.brand-card p{font-size:.74rem;color:var(--muted)}.fav{border:1px solid var(--line);color:var(--ink);background:transparent;padding:7px 10px;font-size:.75rem;border-radius:9px}.fav[aria-pressed=true]{background:var(--mint);border-color:#7c9e88}.empty{padding:20px;border:1px dashed #bccbbd;border-radius:12px;color:var(--muted);font-size:.86rem}.topics{display:flex;flex-wrap:wrap;gap:8px}.guide-answer{margin-top:20px;padding:24px;background:var(--mint);border-radius:16px}.guide-answer p{margin:0;line-height:1.9}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.stat-card{background:var(--mint);border-radius:14px;padding:21px}.stat-card strong{font-size:2rem;display:block}.stat-card span{font-size:.76rem}.demo-footer{margin-top:24px;font-size:.73rem;color:var(--muted)}.eco-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;margin:30px 0 65px}.eco-actions{display:grid;gap:18px}.eco-action{padding:25px;background:white;border:1px solid var(--line);border-radius:18px}.eco-action h3{font-size:1.35rem}.eco-action p{color:var(--muted);font-size:.9rem}.eco-number{color:#6b865e;font-family:Georgia,serif;font-size:2rem}.eco-total{position:sticky;top:20px;align-self:start;background:var(--ink);color:#fff;padding:28px;border-radius:20px}.eco-total h2{font-size:1.6rem}.eco-total .muted{color:#becdc6}.eco-total .metric{padding:16px 0;border-bottom:1px solid #ffffff25}.eco-total .metric strong{font-size:2.5rem;display:block;line-height:1.2}.eco-total .metric span{font-size:.8rem}.eco-total .button{margin-top:15px;width:100%}.eco-total .status{color:var(--lime)}.disclosure{border-top:1px solid var(--line);padding-top:15px;margin-top:25px;font-size:.83rem}.disclosure summary{cursor:pointer;font-weight:650}.disclosure p{margin-top:12px}.skip{position:absolute;left:10px;top:-100px;background:white;padding:10px;z-index:20}.skip:focus{top:10px}:focus-visible{outline:3px solid #af762a;outline-offset:4px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 20px;border-radius:12px;max-width:90vw;z-index:10;font-size:.85rem}.toast:empty{display:none}[hidden]{display:none!important}.noscript{display:block;margin:20px;padding:20px;background:#fff1cd}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gallery figure{margin:0}.gallery img{width:100%;border-radius:15px;display:block}.gallery figcaption{font-size:.73rem;color:var(--muted);padding:8px 0}.terminal{background:#193646;color:#d9eddf;padding:22px;border-radius:15px;font-family:monospace;white-space:pre-wrap;font-size:.88rem;min-height:130px}
@media(max-width:900px){.wrap{padding:0 24px}.hero{gap:25px;padding-top:50px}.hero-art{min-height:350px}.art-window{padding:16px}.art-word{font-size:2.5rem}.app-shell{grid-template-columns:150px minmax(0,1fr);gap:20px}.map-layout{grid-template-columns:1fr}.map-details{display:block}.catalog{grid-template-columns:repeat(2,1fr)}.study-grid{grid-template-columns:1fr}.study-card .num{margin-bottom:15px}.eco-layout{grid-template-columns:1.2fr 1fr}}
@media(max-width:620px){.wrap{padding:0 19px}.topbar{height:78px}.topnav{gap:14px;font-size:.77rem}.brand{font-size:1rem}.brandmark{width:32px;height:32px}.hero{grid-template-columns:1fr;gap:32px;padding:38px 0}.hero h1{font-size:3.55rem}.hero-art{min-height:340px;max-width:410px;width:100%;margin:auto}.intro-strip{flex-wrap:wrap;font-size:.69rem;gap:10px}.section{padding:42px 0}.section-heading{display:block}.section-heading p{margin-top:15px}.projects-grid{grid-template-columns:1fr}.project-visual{height:220px}.process{grid-template-columns:1fr;gap:15px}.topnav .desktop-only{display:none}.app-shell{grid-template-columns:1fr;gap:25px}.app-nav{position:static;flex-direction:row;overflow-x:auto;gap:3px;padding-bottom:7px}.app-nav a{padding:9px 11px;white-space:nowrap;font-size:.76rem}.app-nav .nav-index{display:none}.app-nav .nav-bottom{border:0;margin:0;padding:9px 11px}.page-heading{padding-top:30px}.page-heading h1{font-size:2.8rem}.panel-title h2{font-size:1.7rem}.map-board{min-height:320px}.form-grid{grid-template-columns:1fr}.stats-grid{gap:8px}.stat-card{padding:15px 12px}.stat-card strong{font-size:1.5rem}.stat-card span{font-size:.68rem}.box{padding:20px}.brand-card{padding:16px}.catalog{gap:10px}.eco-layout{grid-template-columns:1fr}.eco-total{position:static}.gallery{grid-template-columns:repeat(2,1fr)}footer{flex-direction:column;gap:5px}.project-foot{align-items:start;flex-direction:column}.panel-title{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.gallery img{height:auto}
@media(max-width:400px){.brand{gap:7px;font-size:.88rem}.topnav{gap:10px;font-size:.72rem}.hero h1{font-size:3rem}}