:root{--brick:#b65342;--blue:#527ead;--gold:#e3a657;--green:#7da861;--paper:#f1eee4;--white:#fbfaf6;--ink:#24201d;--rule:rgba(36,32,29,.22);--rail:190px;--radius:24px;--shadow:7px 8px 0 var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}body{margin:0;color:var(--ink);font-family:"Trebuchet MS","Avenir Next",Arial,sans-serif;background:radial-gradient(circle at 1px 1px,rgba(36,32,29,.13) 1px,transparent 1.1px) 0 0/22px 22px,var(--paper);overflow-x:hidden}body::before{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.17'/%3E%3C/svg%3E");mix-blend-mode:multiply}a{color:inherit}.hidden{display:none}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:999;background:var(--ink);color:#fff;padding:.8rem 1rem}.skip-link:focus{top:1rem}
.rail{position:fixed;inset:0 auto 0 0;z-index:50;width:var(--rail);padding:22px 20px;background:rgba(251,250,246,.94);backdrop-filter:blur(12px);border-right:1px solid var(--rule);display:flex;flex-direction:column}.brand-crop{display:flex;width:150px;height:62px;align-items:center}.brand-lockup{display:block;width:100%;height:auto;overflow:visible;mix-blend-mode:multiply}.rail-nav{margin:auto 0;display:grid;gap:5px}.nav-link{display:flex;align-items:center;justify-content:space-between;padding:10px 7px;text-decoration:none;font:700 .68rem/1.2 "Courier New",monospace;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px dashed var(--rule)}.nav-link i{width:9px;height:9px;border:1px solid;border-radius:50%;transition:.2s}.nav-link:hover i,.nav-link.active i{background:var(--brick);border-color:var(--brick);transform:scale(1.2)}.rail-brief{margin-bottom:12px;padding:10px 9px;background:var(--gold);border:1px solid;border-radius:6px;text-decoration:none;font-size:.7rem;font-weight:700;display:flex;justify-content:space-between}.rail-note{border:1px dashed var(--rule);padding:9px;display:grid;gap:4px;font:.58rem "Courier New",monospace;text-transform:uppercase}.rail-note strong{color:var(--blue)}
main{margin-left:var(--rail)}.screen{height:100svh;min-height:560px;overflow:hidden;position:relative;padding:clamp(30px,4.3vw,68px) clamp(26px,5vw,78px);scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:center}.kicker{margin:0 0 12px;font:700 .67rem/1.2 "Courier New",monospace;letter-spacing:.14em;text-transform:uppercase}.screen-heading{margin-bottom:clamp(22px,3vh,38px)}.screen-heading h2{margin:0;font:400 clamp(2.7rem,5.4vw,6rem)/.92 Georgia,serif;letter-spacing:-.055em}.screen-heading.compact{display:grid;grid-template-columns:1fr auto;align-items:end}.screen-heading.compact .kicker{grid-column:1/-1}.screen-heading.compact>p:last-child{max-width:260px;line-height:1.45;margin:0 0 4px 30px}
.hero{padding-top:clamp(18px,3vw,44px);padding-bottom:clamp(18px,3vw,44px)}.hero-sheet{position:relative;width:min(1120px,100%);height:min(720px,calc(100svh - 50px));margin:auto;background:var(--white);border:1px solid var(--rule);border-radius:8px 34px 8px 34px;box-shadow:0 18px 45px rgba(57,45,35,.1);display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.hero-copy{padding:clamp(42px,6vw,88px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;z-index:2}.hero h1{font:400 clamp(4.2rem,8.7vw,8.5rem)/.84 Georgia,serif;letter-spacing:-.075em;margin:0}.hero h1 span{display:block;font-style:italic}.hero h1 em{display:block;font-family:"Arial Narrow","Trebuchet MS",sans-serif;font-style:normal;font-weight:700;color:var(--brick)}.hero-copy>p:not(.kicker){font-size:clamp(.95rem,1.35vw,1.25rem);line-height:1.45;max-width:470px;margin:26px 0}.stitch-button{display:inline-flex;gap:24px;align-items:center;padding:12px 15px;background:var(--gold);border:1px solid;outline:1px dashed rgba(36,32,29,.5);outline-offset:-5px;border-radius:7px;text-decoration:none;font-weight:700;transition:.2s}.stitch-button:hover{transform:translate(-3px,-3px) rotate(-1deg);box-shadow:5px 5px 0 var(--ink)}.hero-art{position:relative;background:var(--blue);overflow:hidden}.sun{position:absolute;width:41%;aspect-ratio:1;border-radius:50%;background:var(--gold);right:14%;top:12%;box-shadow:0 0 0 18px rgba(227,166,87,.18),0 0 0 40px rgba(227,166,87,.08)}.orbit{position:absolute;border:1px dashed rgba(255,255,255,.75);border-radius:50%}.orbit.one{width:78%;height:48%;left:10%;top:23%;transform:rotate(-20deg)}.orbit.two{width:58%;height:86%;left:28%;top:5%;transform:rotate(38deg)}.study-bird{position:absolute;left:50%;top:50%;width:62%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(8deg);filter:drop-shadow(14px 17px 0 rgba(36,32,29,.13))}.study-bird path{fill:var(--white)}.art-note{position:absolute;color:white;font:.61rem "Courier New",monospace;text-transform:uppercase;letter-spacing:.06em}.art-note.top{left:8%;top:8%}.art-note.bottom{right:6%;bottom:12%;transform:rotate(-6deg)}.hero-tags{position:absolute;left:0;right:0;bottom:0;z-index:3;background:var(--green);border-top:1px solid;display:flex;justify-content:space-around;padding:10px;font:700 .6rem "Courier New",monospace;text-transform:uppercase;letter-spacing:.08em}
.about{background:linear-gradient(150deg,rgba(241,238,228,.92),rgba(255,255,255,.55))}.about-grid{height:min(470px,54vh);display:grid;grid-template-columns:1.45fr repeat(3,.72fr);gap:16px}.manifesto-card,.principle-card{border:1px solid;border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(20px,2.4vw,34px);position:relative;overflow:hidden}.manifesto-card{background:var(--brick);color:white;display:flex;flex-direction:column}.manifesto-card span,.principle-card span{font:700 .62rem "Courier New",monospace;text-transform:uppercase;letter-spacing:.1em}.manifesto-card p{max-width:600px;font:clamp(1rem,1.5vw,1.35rem)/1.5 Georgia,serif}.manifesto-card strong{margin-top:auto;font-size:clamp(1.7rem,3vw,3.4rem);line-height:.98;letter-spacing:-.04em}.principle-card{background:var(--gold);display:flex;flex-direction:column}.principle-card.blue{background:var(--blue);color:white}.principle-card.green{background:var(--green)}.principle-card i{display:block;width:74%;aspect-ratio:1;border:2px solid;border-radius:48% 52% 42% 58%;margin:auto;transform:rotate(18deg)}.principle-card:nth-child(3) i{border-radius:0;transform:rotate(45deg) scale(.68)}.principle-card:nth-child(4) i{border-radius:50%;border-style:dashed}.principle-card p{font:italic clamp(.85rem,1.1vw,1.05rem)/1.4 Georgia,serif;margin:8px 0 0}
.services{background:var(--paper)}.service-grid{height:min(510px,58vh);display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{position:relative;overflow:hidden;border:1px solid;border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;color:white;text-decoration:none;display:flex;flex-direction:column;transition:.22s}.service-card:hover{transform:translateY(-7px);box-shadow:11px 14px 0 var(--ink)}.service-card::after{content:"";position:absolute;inset:8px;border:1px dashed rgba(255,255,255,.45);border-radius:calc(var(--radius) - 7px);pointer-events:none}.service-card.arq{background:var(--brick)}.service-card.mais{background:var(--gold);color:var(--ink)}.service-card.lab{background:var(--blue)}.service-card small{font:700 .62rem "Courier New",monospace;text-transform:uppercase;letter-spacing:.08em}.service-card h3{margin:auto 0 3px;font-size:clamp(2.8rem,4.3vw,5.2rem);line-height:.9;letter-spacing:-.07em}.service-card p{font-size:.86rem;line-height:1.4;max-width:330px}.service-card>span{font:700 .62rem "Courier New",monospace;text-transform:uppercase;border-top:1px dashed;padding-top:11px}.line-house{position:absolute;width:43%;height:32%;left:29%;top:18%;border:2px solid white}.line-house::before{content:"";position:absolute;width:70%;aspect-ratio:1;border:2px solid white;border-width:2px 2px 0 0;transform:rotate(-45deg);left:13%;top:-52%}.type-sample{position:absolute;top:14%;left:13%;font:700 clamp(4rem,7vw,8rem) Georgia,serif;color:var(--brick)}.type-sample b{color:var(--blue);font-weight:400}.wire-object{position:absolute;width:120px;height:120px;left:34%;top:18%;border:2px solid white;transform:skewY(-18deg) rotate(14deg)}.wire-object::before{content:"";position:absolute;inset:-22px 22px 22px -22px;border:2px solid white}
.method{background:var(--gold)}.method-title{position:relative;isolation:isolate}.method-title::after{content:"";position:absolute;z-index:-1;width:380px;height:75px;left:25%;bottom:2%;background:rgba(251,250,246,.45);transform:rotate(-2deg)}.route-board{position:relative;height:min(370px,43vh);display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:center}.route-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.route-line path{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:8 10;vector-effect:non-scaling-stroke}.route-board article{position:relative;z-index:2;background:var(--white);border:1px solid;border-radius:50%;aspect-ratio:1;max-width:265px;padding:17%;display:flex;flex-direction:column;justify-content:center;box-shadow:7px 8px 0 var(--ink);transform:rotate(var(--tilt))}.route-board article:nth-of-type(1){--tilt:-4deg}.route-board article:nth-of-type(2){--tilt:3deg;margin-top:65px}.route-board article:nth-of-type(3){--tilt:-2deg}.route-board article:nth-of-type(4){--tilt:4deg;margin-top:55px}.route-board article span{font:700 .62rem "Courier New",monospace;color:var(--brick)}.route-board h3{font:italic clamp(1.35rem,2.1vw,2rem) Georgia,serif;margin:6px 0}.route-board p{font-size:clamp(.63rem,.82vw,.76rem);line-height:1.4;margin:0}
.contact{background:var(--blue);color:white}.contact-panel{position:relative;width:100%;height:min(650px,75vh);border:1px solid white;border-radius:36px 8px;display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:center;padding:clamp(35px,5vw,76px);overflow:hidden}.contact-panel::before{content:"";position:absolute;inset:11px;border:1px dashed rgba(255,255,255,.42);border-radius:27px 5px;pointer-events:none}.contact-copy{position:relative;z-index:2}.contact h2{font:400 clamp(3rem,5.5vw,6.5rem)/.88 Georgia,serif;letter-spacing:-.06em;margin:0}.contact-copy>p:not(.kicker){max-width:500px;line-height:1.5}.contact-actions{display:flex;align-items:center;gap:22px;margin-top:24px}.text-link{font:.7rem "Courier New",monospace}.message-card{position:relative;z-index:2;background:var(--paper);color:var(--ink);border:1px solid;border-radius:18px;padding:clamp(18px,2.2vw,30px);box-shadow:7px 8px 0 var(--ink);display:grid;gap:11px}.form-number{font:700 .62rem "Courier New",monospace;color:var(--brick);margin:0 0 4px}.message-card label{display:grid;gap:4px;font:700 .61rem "Courier New",monospace;text-transform:uppercase;letter-spacing:.06em}.message-card input,.message-card textarea{width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:7px 2px;font:inherit;resize:none}.message-card button{border:1px solid;background:var(--gold);padding:11px 13px;font-weight:700;display:flex;justify-content:space-between;cursor:pointer}.contact-bird{position:absolute;width:250px;aspect-ratio:1;right:-4%;bottom:-12%;opacity:.17;transform:rotate(15deg)}.contact-bird path{fill:white}.contact footer{display:flex;justify-content:space-between;gap:15px;margin-top:16px;font:.6rem "Courier New",monospace;text-transform:uppercase;letter-spacing:.06em}
.page-view{height:100svh;overflow:hidden}.detail-page{--accent:var(--brick);height:100%;padding:clamp(28px,4vw,58px) clamp(26px,5vw,78px);display:grid;grid-template-rows:auto 1fr auto;gap:clamp(18px,3vh,30px);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 16%,var(--paper)),var(--paper) 60%);position:relative;overflow:hidden}.detail-page::after{content:"";position:absolute;width:38vw;aspect-ratio:1;border:1px dashed color-mix(in srgb,var(--accent) 65%,transparent);border-radius:50%;right:-12vw;top:-14vw;pointer-events:none}.detail-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.breadcrumbs{font:700 .61rem "Courier New",monospace;text-transform:uppercase;letter-spacing:.07em}.breadcrumbs a{text-decoration:none}.detail-code{font:700 .62rem "Courier New",monospace;border:1px dashed;padding:7px 9px}.detail-body{position:relative;z-index:2;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,76px);min-height:0;align-items:center}.detail-intro h1{font:400 clamp(3.8rem,7vw,8.8rem)/.82 Georgia,serif;letter-spacing:-.075em;margin:10px 0 22px}.detail-intro h1 strong{display:block;color:var(--accent);font-family:"Arial Narrow","Trebuchet MS",sans-serif}.detail-intro>p{font-size:clamp(.95rem,1.2vw,1.12rem);line-height:1.5;max-width:540px}.detail-bird{width:110px;height:75px;transform:rotate(-10deg)}.detail-bird path{fill:var(--accent)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.detail-card{min-height:clamp(130px,18vh,185px);padding:20px;background:var(--white);border:1px solid;border-radius:18px;box-shadow:5px 6px 0 var(--ink);display:flex;flex-direction:column;text-decoration:none;transition:.2s;overflow:hidden;position:relative}.detail-card:hover{transform:translate(-3px,-3px);box-shadow:8px 9px 0 var(--ink)}.detail-card small{font:700 .58rem "Courier New",monospace;color:var(--accent);text-transform:uppercase}.detail-card h2{font:italic clamp(1.5rem,2.3vw,2.5rem) Georgia,serif;margin:auto 0 5px}.detail-card p{font-size:.76rem;line-height:1.35;margin:0;max-width:310px}.detail-card .arrow{position:absolute;right:16px;top:14px;font-size:1.2rem}.detail-card.brief{background:var(--accent);color:white}.detail-card.brief small{color:white}.detail-foot{position:relative;z-index:2;border-top:1px dashed var(--rule);padding-top:12px;display:flex;justify-content:space-between;align-items:center;font:.61rem "Courier New",monospace;text-transform:uppercase}.detail-foot a{text-decoration:none}.thanks .detail-body{grid-template-columns:1fr}.thanks .detail-intro{max-width:800px}.thanks .detail-intro h1{font-size:clamp(4rem,9vw,9rem)}
.flight-trail{position:fixed;inset:0;width:100vw;height:100vh;z-index:90;pointer-events:none;overflow:visible}.flight-trail path{fill:none;stroke:var(--ink);stroke-width:1.4;stroke-dasharray:4 9;stroke-linecap:round;opacity:.55}.cursor-bird{position:fixed;left:0;top:0;width:54px;height:54px;z-index:91;pointer-events:none;will-change:transform;filter:drop-shadow(3px 3px 0 rgba(255,255,255,.7))}.cursor-bird path{fill:var(--brick)}.flock{position:fixed;inset:0;z-index:4;pointer-events:none;overflow:hidden}.ambient-bird{position:absolute;left:0;top:0;width:var(--size);height:var(--size);opacity:var(--opacity);will-change:transform}.ambient-bird path{fill:var(--color)}[data-bird-frame] svg,.cursor-bird svg,.ambient-bird svg{width:100%;height:100%;overflow:visible}
@media(max-width:1050px){:root{--rail:150px}.rail{padding:18px 14px}.brand-crop{width:120px}.screen{padding-left:34px;padding-right:34px}.about-grid{grid-template-columns:1.2fr repeat(3,.65fr)}.service-card{padding:19px}.route-board article{padding:14%}.detail-page{padding-left:34px;padding-right:34px}}
@media(max-width:760px){:root{--rail:0px;--radius:18px}html{scroll-padding-bottom:72px}body{cursor:auto}.rail{inset:auto 9px 9px;width:auto;height:58px;padding:5px 9px;border:1px solid;border-radius:13px;box-shadow:5px 5px 0 var(--ink);flex-direction:row;align-items:center}.brand-crop{width:108px;height:42px;flex:0 0 108px}.rail-nav{margin:0 0 0 auto;display:flex}.nav-link{padding:7px;border:0}.nav-link span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.nav-link i{width:12px;height:12px}.rail-brief,.rail-note{display:none}main{margin-left:0}.screen{height:100svh;min-height:610px;padding:20px 16px 82px}.hero-sheet{height:calc(100svh - 102px);grid-template-columns:1fr;grid-template-rows:56% 44%}.hero-copy{padding:28px 25px}.hero h1{font-size:clamp(3.7rem,19vw,5.7rem)}.hero-copy>p:not(.kicker){font-size:.88rem;margin:15px 0}.stitch-button{padding:10px 13px;font-size:.8rem}.hero-art{min-height:0}.hero-tags{font-size:.48rem;padding:7px}.screen-heading{margin-bottom:15px}.screen-heading h2{font-size:clamp(2.25rem,11vw,3.35rem)}.about{justify-content:flex-start;padding-top:30px}.about-grid{height:calc(100svh - 205px);grid-template-columns:1fr 1fr;grid-template-rows:1.35fr .65fr}.manifesto-card{grid-column:1/-1;padding:18px}.manifesto-card p{font-size:.84rem;margin:10px 0}.manifesto-card strong{font-size:1.35rem}.principle-card{padding:12px}.principle-card:nth-child(4){display:none}.principle-card i{height:52px;width:52px}.principle-card p{font-size:.7rem}.screen-heading.compact{display:block}.screen-heading.compact>p:last-child{margin:7px 0 0;font-size:.78rem}.service-grid{height:calc(100svh - 255px);grid-template-columns:1fr;gap:9px}.service-card{min-height:0;padding:15px 18px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;align-items:end}.service-card small{grid-column:1/-1}.service-card h3{font-size:2.5rem;margin-top:auto}.service-card p{font-size:.69rem;margin:0 0 3px;max-width:190px}.service-card>span{grid-column:1/-1;padding-top:6px;font-size:.51rem}.line-house,.type-sample,.wire-object{opacity:.26;transform:scale(.55);transform-origin:center}.line-house{left:auto;right:5%;top:14%}.type-sample{left:auto;right:5%;top:5%;font-size:4.4rem}.wire-object{left:auto;right:4%;top:3%}.method{justify-content:flex-start;padding-top:29px}.method-title::after{width:170px;height:45px;left:24%}.route-board{height:calc(100svh - 200px);grid-template-columns:1fr 1fr;gap:10px}.route-line{display:none}.route-board article,.route-board article:nth-of-type(2),.route-board article:nth-of-type(4){width:min(39vw,180px);margin:0;justify-self:center;padding:15%}.route-board article span{font-size:.5rem}.route-board h3{font-size:1.25rem}.route-board p{font-size:.57rem}.contact{justify-content:flex-start;padding-top:19px}.contact-panel{height:calc(100svh - 118px);display:grid;grid-template-columns:1fr;gap:12px;padding:25px 23px}.contact h2{font-size:clamp(2.45rem,12vw,3.7rem)}.contact-copy>p:not(.kicker){font-size:.78rem;margin:10px 0}.contact-actions{margin-top:12px}.text-link{display:none}.message-card{padding:15px;gap:6px}.message-card input,.message-card textarea{padding:4px 2px}.message-card textarea{height:42px}.contact footer{font-size:.46rem;margin-top:8px}.contact footer span:nth-child(2){display:none}.page-view{height:100svh}.detail-page{padding:20px 17px 79px;gap:10px}.detail-head{align-items:center}.detail-code{display:none}.detail-body{grid-template-columns:1fr;gap:13px;align-content:center}.detail-intro h1{font-size:clamp(3.5rem,16vw,5.4rem);margin:4px 0 9px}.detail-intro>p{font-size:.76rem;line-height:1.4;margin:0}.detail-bird{position:absolute;right:0;top:0;width:72px}.detail-grid{gap:8px}.detail-card{min-height:108px;padding:13px;box-shadow:4px 4px 0 var(--ink)}.detail-card h2{font-size:1.25rem}.detail-card p{font-size:.61rem}.detail-foot{font-size:.5rem}.cursor-bird,.flight-trail{display:none}}
@media(max-height:700px) and (min-width:761px){.screen{padding-top:25px;padding-bottom:25px}.screen-heading{margin-bottom:17px}.screen-heading h2{font-size:3.6rem}.service-grid{height:430px}.about-grid{height:410px}.route-board{height:315px}.contact-panel{height:570px}.hero-sheet{height:calc(100svh - 36px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cursor-bird,.flight-trail,.flock{display:none}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
