:root{--ink:#162e2a;--teal:#075e55;--muted:#73817c;--line:#e1e7e1;--cream:#f7f9f4;--lime:#ddedb6;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font:15px/1.65 var(--sans);background:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #6ba89b;outline-offset:5px}::selection{background:var(--lime);color:var(--teal)}.container{width:min(1240px,calc(100% - 100px));margin:auto}.header{height:100px;background:#fffffff5;position:sticky;top:0;z-index:30;border-bottom:1px solid #eef1eb;backdrop-filter:blur(14px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:12px;align-items:center;font:800 20px/1.25 var(--display);letter-spacing:-.9px}.brand-mark{position:relative;font:900 47px/1 Arial,sans-serif;letter-spacing:-8px;display:inline-block;width:51px;color:var(--teal)}.brand-mark>span{position:absolute;right:0;top:0;font-size:24px;letter-spacing:0}.brand-caption{display:block;margin-top:7px;font:600 8px var(--sans);letter-spacing:1.45px;color:var(--muted)}.desktop-nav{display:flex;gap:31px;font-size:13px;font-weight:500}.desktop-nav a:hover{color:var(--teal)}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:18px 25px;background:var(--teal);color:white;border:1px solid var(--teal);border-radius:6px;font-weight:600;font-size:13px;line-height:1.4;transition:.2s}.button:hover{background:#034a42;transform:translateY(-2px)}.button>span{font-size:20px;line-height:1}.button-small{padding:13px 18px;gap:27px;font-size:12px}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.mobile-nav{background:white;border-bottom:1px solid var(--line);padding:20px 28px;display:grid;gap:20px}.hero{background:linear-gradient(110deg,#fbfcf8,#f8faf6 65%,#f0f5ee);overflow:hidden}.hero-grid{min-height:660px;padding-top:70px;padding-bottom:65px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--teal);display:flex;align-items:center;gap:9px;line-height:1.6}.status-dot{width:6px;height:6px;border-radius:50%;background:#83b79d;box-shadow:0 0 0 4px #e2eddf;display:inline-block}.hero h1{font:750 clamp(45px,4.5vw,66px)/1.13 var(--display);letter-spacing:-3.2px;margin:23px 0}.hero h1>span{color:var(--teal)}.hero-copy>p{max-width:430px;font-size:16px;color:#738079;line-height:1.85;margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:24px}.text-link{display:inline-flex;gap:18px;align-items:center;font-size:12px;font-weight:600}.text-link span{font-size:19px;color:var(--teal)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.hero-note{position:relative;padding-left:34px;margin-top:33px;color:#8b938e;font-size:10px;line-height:1.8}.hero-note strong{font-weight:500;color:#4e645b}.tiny-icon{position:absolute;left:0;top:1px;color:var(--teal);font-size:22px}.hero-visual{position:relative;height:495px;margin-left:4px}.visual-backdrop{position:absolute;left:60px;right:-30px;top:0;bottom:35px;border-radius:10px;background-color:#dce9df;overflow:hidden;background-image:linear-gradient(#b6cfc133 1px,transparent 1px),linear-gradient(90deg,#b6cfc133 1px,transparent 1px);background-size:34px 34px}.backdrop-word{position:absolute;right:20px;top:14px;font:800 67px/1.05 var(--display);letter-spacing:-4px;color:#b7d0bf}.backdrop-coordinate{position:absolute;right:18px;bottom:17px;font-size:7px;letter-spacing:2px;writing-mode:vertical-rl}.browser-mock{overflow:hidden;border-radius:8px;border:5px solid #fff;box-shadow:0 16px 45px #15382b24;background:white}.hero-browser{position:absolute;top:91px;left:12px;width:calc(100% - 5px);transform:rotate(-3deg)}.browser-bar{height:26px;background:#fff;display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#9ca39d;padding:0 10px}.browser-dots{display:flex;gap:3px}.browser-dots i{height:4px;width:4px;border-radius:100%;background:#dadeda}.browser-dots i:first-child{background:#bdc9bc}.forma{background:#eeece5;position:relative}.forma-nav{display:flex;justify-content:space-between;align-items:center;height:41px;padding:0 24px;font-size:6px}.forma-nav strong{font:400 14px Georgia,serif;letter-spacing:-.6px}.forma-nav strong span{font-size:7px;vertical-align:super}.forma-title{padding:19px 24px 11px;position:relative;z-index:1}.forma-title>span{font-size:4.8px;letter-spacing:1.3px}.forma-title h2{font:400 39px/1.06 Georgia,serif;letter-spacing:-1.5px;margin:8px 0}.forma-title a{position:absolute;right:25px;bottom:17px;font-size:4.5px;letter-spacing:1px}.forma-photo{height:136px;background:url('assets/interior.jpg') center 60%/cover}.forma-footer{padding:8px 24px;display:flex;justify-content:space-between;font-size:5px;letter-spacing:.6px}.mobile-mock{position:absolute;top:250px;left:-14px;width:118px;height:224px;border:5px solid #fcfcfa;background:#eeeae1;border-radius:20px;transform:rotate(6deg);box-shadow:5px 10px 30px #183f2d2b;z-index:3;overflow:hidden}.phone-island{position:absolute;top:3px;left:39px;width:29px;height:7px;border-radius:20px;background:#172923}.phone-header{height:27px;display:flex;align-items:end;justify-content:space-between;font:9px Georgia,serif;padding:0 10px 4px}.phone-header span{font:7px Arial,sans-serif}.phone-image{height:77px;background:url('assets/interior.jpg') center/cover}.phone-content{padding:10px}.phone-content>span{font-size:3.5px;letter-spacing:.6px;display:block}.phone-content strong{font:400 21px/1.04 Georgia,serif;display:block;margin:5px 0 9px}.phone-content b{font-size:4px;font-weight:400;border:1px solid #6c7669;padding:4px 8px}.visual-sticker{position:absolute;right:-10px;bottom:4px;z-index:4;display:flex;gap:13px;align-items:center;background:white;padding:17px 21px;border:1px solid #e6eae1;box-shadow:0 9px 25px #2349340b;border-radius:6px;transform:rotate(3deg);font-size:10px;color:#728277;line-height:1.65}.visual-sticker strong{color:var(--ink);font-weight:600}.sticker-icon{background:var(--lime);width:32px;height:32px;border-radius:100%;display:grid;place-content:center;font-size:23px;color:var(--teal)}.visual-footnote{position:absolute;bottom:-5px;left:105px;font-size:6px;letter-spacing:1.4px;color:#8b968d}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;padding-bottom:19px;font-size:8px;letter-spacing:1.5px;color:#839086}.hero-bottom>a{letter-spacing:.3px}.hero-bottom>a>span{margin-left:16px;color:var(--teal)}.principles{border-bottom:1px solid var(--line);padding:26px 0}.principles>.container{display:flex;align-items:center;justify-content:space-between;gap:20px;font:600 13px var(--display)}.principles i{font-size:18px;color:#9db69f;font-style:normal}.section{padding:95px 0}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.side-label{color:#929d94;font-size:8px;letter-spacing:1.5px}.section h2{font:650 39px/1.25 var(--display);letter-spacing:-1.8px;margin:0}.section h2 span{color:#849087}.intro-grid,.selection-heading,.approach-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:100px;align-items:end}.intro-grid>p,.selection-heading>p,.approach-heading>p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 3px;max-width:380px}.service-list{margin-top:49px}.service{display:grid;grid-template-columns:40px 1fr 1.25fr 50px;gap:26px;align-items:center;border-top:1px solid var(--line);padding:28px 0}.service:last-child{border-bottom:1px solid var(--line)}.service-number{font-size:9px;color:#8c9c90;align-self:start;padding-top:8px}.service-name{display:flex;align-items:center;gap:15px}.service-icon{display:grid;place-content:center;border-radius:8px;width:35px;height:35px;background:#f0f5ec;color:var(--teal);font-size:22px}.service h3{font:650 17px var(--display);letter-spacing:-.5px;margin:0}.service-description p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 12px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{font-size:8px;padding:3px 8px;color:#718375;background:#f4f7f1;border-radius:3px}.circle-arrow{width:39px;height:39px;border:1px solid var(--line);border-radius:50%;display:grid;place-content:center;font-size:21px;transition:.2s}.circle-arrow:hover{color:white;background:var(--teal)}.selection{background:var(--cream)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}.project{border:0;padding:0;background:none;text-align:left}.project-cover{height:300px;border-radius:7px;position:relative;overflow:hidden;padding:38px 23px 0;transition:transform .3s}.project:hover .project-cover{transform:translateY(-5px)}.cover-forma{background:#e2e4da}.mini-site{background:#f3f0e8;box-shadow:0 10px 20px #1112;min-height:300px}.mini-nav{height:36px;display:flex;align-items:center;justify-content:space-between;font:11px Georgia,serif;padding:0 16px}.mini-nav>span{font:4px var(--sans);letter-spacing:.6px}.mini-title{font:30px/1.1 Georgia,serif;letter-spacing:-1px;padding:14px 16px 16px}.mini-site img{width:100%;height:135px;object-fit:cover;object-position:center 60%;display:block}.mini-bottom{font-size:4px;padding:10px 16px;display:block;letter-spacing:.5px}.project-open{position:absolute;bottom:13px;right:13px;border-radius:50%;height:32px;width:32px;background:#fff;display:grid;place-content:center;font-size:19px;box-shadow:0 2px 4px #0001}.project-meta{display:flex;align-items:start;justify-content:space-between;margin-top:18px;gap:10px}.project-meta h3{font:650 16px var(--display);margin:0 0 3px;letter-spacing:-.5px}.project-meta p{font-size:10px;color:#879185;margin:0}.project-meta>span{font-size:7px;letter-spacing:.8px;margin-top:6px;color:#899587;white-space:nowrap}.cover-essence{background:#e8e3df}.essence-site{position:relative;background:#e6e0d7;height:300px;overflow:hidden;box-shadow:0 10px 20px #1112}.essence-site .mini-nav{position:relative;z-index:2;font:650 11px var(--sans);letter-spacing:2px;border-bottom:1px solid #15151530}.essence-word{position:relative;z-index:2;font:38px/1 Georgia,serif;padding:28px 16px;color:#392d24;letter-spacing:-1.5px}.essence-site img{position:absolute;right:0;bottom:0;width:57%;height:245px;object-fit:cover;object-position:center 20%;mix-blend-mode:multiply}.essence-bottom{position:absolute;bottom:19px;left:16px;font-size:4px;letter-spacing:1px;right:16px;border-top:1px solid #6f655f;padding-top:7px;z-index:2}.essence-bottom span{float:right;font-size:12px}.cover-nova{background:#dce5df}.nova-site{background:#133f38;min-height:310px;color:white;box-shadow:0 10px 20px #1112}.nova-site .mini-nav{font:800 17px var(--display);border-bottom:1px solid #ffffff20}.nova-title{padding:16px 16px 0;font:650 26px/1.2 var(--display);letter-spacing:-1.3px}.nova-title span{color:var(--lime)}.nova-site>p{font-size:5px;color:#b8c7bd;line-height:1.6;margin:11px 16px 16px}.nova-img{margin:0 16px;position:relative}.nova-img img{width:100%;height:115px;object-fit:cover;display:block}.nova-img>span{position:absolute;right:0;top:0;background:var(--lime);color:var(--teal);padding:7px 13px;font-size:20px}.concept-note{font-size:9px;color:#8a968b;margin:28px 0 0}.concept-note span{color:var(--teal);font-size:15px;margin-right:8px}.steps{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.step-number{display:flex;justify-content:space-between;align-items:center;font:500 30px var(--display);color:#b4c2b4;padding-bottom:15px;border-bottom:1px solid var(--line)}.step-number>span{font-size:20px;color:var(--teal)}.steps h3{font:650 15px var(--display);letter-spacing:-.4px;margin:23px 0 13px}.steps p{font-size:12px;line-height:1.85;color:var(--muted);margin:0}.step-deliverable{display:block;font-size:7px;color:#83977f;letter-spacing:1px;margin-top:25px}.about{padding-top:15px;padding-bottom:95px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.portrait-placeholder{min-height:440px;position:relative;background:#e4ebdf;border-radius:7px;overflow:hidden}.portrait-corner{position:absolute;left:28px;top:25px;font-size:8px;letter-spacing:1.7px;color:#667d66}.portrait-art{position:absolute;inset:45px 30px;background:repeating-linear-gradient(90deg,transparent,transparent 51px,#93ac7c26 52px),repeating-linear-gradient(0deg,transparent,transparent 51px,#93ac7c26 52px);display:grid;place-content:center}.portrait-art>span{font:900 290px/1 Arial,sans-serif;color:var(--teal);letter-spacing:-45px;transform:rotate(-12deg);margin-left:-30px}.portrait-art>i{position:absolute;right:40px;top:53px;font-style:normal;color:#a2b789;font-size:110px;line-height:1}.portrait-caption{position:absolute;bottom:28px;left:28px;font-size:8px;letter-spacing:1.5px;color:#4c654c}.photo-note{position:absolute;bottom:54px;left:28px;font:italic 14px Georgia,serif;color:#6b7f65}.about-copy h2{margin:23px 0;font-size:42px}.about-copy>p{font-size:13px;line-height:1.9;color:var(--muted)}.about-copy .text-link{margin-top:15px}.faq{background:#fafbf8;border-top:1px solid #eef1e8}.faq-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.faq h2{margin:22px 0;font-size:34px}.faq-grid>div>p{font-size:12px;color:var(--muted)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;font-weight:500;font-size:12px;padding:22px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:21px;font-weight:400;transition:.2s;color:#688a70}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:12px;color:var(--muted);line-height:1.8;margin:0 25px 22px 0}.contact-section{background:#0b493f;color:#fff;padding:85px 0 90px;position:relative;overflow:hidden}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.contact-section .eyebrow{color:#c3d4b7;font-size:9px}.contact-section .status-dot{background:#c7dda8;box-shadow:none}.contact-copy h2{font:550 45px/1.2 var(--display);letter-spacing:-2px;margin:27px 0}.contact-copy h2 em{font-family:Georgia,serif;font-weight:400;color:#d9e8b7;letter-spacing:-1px}.contact-copy>p{color:#adc5b9;font-size:13px;max-width:340px;line-height:1.85}.contact-signature{display:flex;align-items:center;gap:23px;margin-top:42px}.contact-signature .brand-mark{color:#d3e4af;font-size:48px}.contact-signature>span:last-child{font-size:10px;color:#b4ccbb;border-left:1px solid #63816b;padding-left:20px;line-height:1.8}.brief-form{background:#fff;border-radius:8px;padding:30px;color:var(--ink)}.form-kicker{font-size:7px;letter-spacing:1.5px;color:#91a08e}.brief-form h3{font:650 22px var(--display);letter-spacing:-.8px;margin:7px 0 22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:16px}.field label{font-size:10px;display:block;font-weight:500;margin-bottom:6px}.field label>span{color:#84977b}input,select,textarea{width:100%;border:1px solid #e2e8df;background:#fafbf8;padding:11px 12px;border-radius:4px;font-size:11px;color:var(--ink);outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:#5b8c71;box-shadow:0 0 0 3px #dce9dc80}input::placeholder,textarea::placeholder{color:#a0aa9d}textarea{resize:vertical;min-height:80px}.form-submit{width:100%;justify-content:space-between;padding:15px 17px;font-size:12px}.form-note{font-size:8px;color:#8c9787;line-height:1.7;margin:12px 0 0}.form-result{background:#eef4e6;border:1px solid #dae5cc;margin-top:18px;padding:15px;border-radius:5px;font-size:12px}.form-result p{margin:5px 0 10px;font-size:11px}.form-result a{text-decoration:underline;text-underline-offset:4px;font-weight:600}footer{padding:31px 0;background:#fff}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-brand{font-size:15px}.footer-brand .brand-mark{font-size:38px;width:43px}.footer-brand .brand-mark>span{font-size:20px}.footer-brand .brand-caption{font-size:6px;letter-spacing:1px}.footer-inner>span,.footer-inner>a:last-child{font-size:9px;color:#92a08f}.skip{position:fixed;top:-100px;left:15px;padding:10px 15px;background:var(--teal);color:white;z-index:100}.skip:focus{top:10px}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero-grid{gap:20px;min-height:640px}.hero h1{font-size:54px}.hero-actions{gap:16px}.hero-actions .button{gap:15px;padding:16px 18px}.hero-actions .text-link{font-size:10px;gap:10px}.hero-visual{height:440px}.hero-browser{top:85px;left:8px}.forma-title h2{font-size:33px}.forma-photo{height:115px}.mobile-mock{top:231px;left:-4px;width:102px;height:199px}.phone-image{height:59px}.phone-content strong{font-size:19px}.visual-sticker{right:-7px;bottom:-12px;padding:12px 15px}.visual-footnote{left:130px;bottom:35px;font-size:5px}.desktop-nav{gap:20px;font-size:11px}.button-small{font-size:10px;gap:15px}.intro-grid,.selection-heading,.approach-heading,.about-grid,.faq-grid,.contact-grid{gap:55px}.service{grid-template-columns:25px .9fr 1.2fr 35px;gap:17px}.service h3{font-size:15px}.service-icon{width:30px;height:30px}.project-cover{height:260px;padding:30px 17px 0}.mini-title{font-size:26px}.essence-word{font-size:33px}.nova-title{font-size:23px}.project-meta>span{font-size:6px}.section h2{font-size:35px}.steps{gap:20px}.steps h3{font-size:13px}.portrait-placeholder{min-height:405px}.portrait-art>span{font-size:240px}.portrait-art>i{font-size:90px;right:10px;top:70px}.contact-copy h2{font-size:39px}.brief-form{padding:25px}.brief-form h3{font-size:20px}}
@media(max-width:800px){.header{height:80px}.container{width:calc(100% - 44px)}.brand{font-size:17px}.brand-caption{font-size:6px}.brand-mark{font-size:40px;width:45px}.brand-mark>span{font-size:22px}.desktop-nav{display:none}.nav{gap:15px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:34px;height:34px;padding:7px;background:none;border:0}.menu-toggle span{height:1px;width:20px;background:var(--ink)}.nav-cta{margin-left:auto;font-size:10px;padding:11px 13px}.hero-grid{grid-template-columns:1fr;gap:25px;padding:45px 0 40px}.hero-copy{max-width:560px}.hero h1{font-size:62px;letter-spacing:-2.8px}.hero-copy>p{max-width:470px;font-size:15px}.hero-actions .text-link{font-size:12px}.hero-actions .button{padding:17px 22px}.hero-note{margin-top:24px}.hero-visual{height:475px;width:min(510px,90%);justify-self:center;margin:0}.visual-backdrop{right:-10px}.hero-browser{left:15px;top:85px}.forma-title h2{font-size:37px}.forma-photo{height:136px}.mobile-mock{top:250px;width:118px;height:224px}.phone-image{height:77px}.phone-content strong{font-size:21px}.visual-sticker{bottom:0;right:-15px}.visual-footnote{bottom:25px;left:145px}.hero-bottom{font-size:6px;gap:20px}.principles>.container{font-size:11px;gap:10px}.principles{padding:20px 0}.principles i{font-size:13px}.section{padding:65px 0}.section-top{margin-bottom:27px}.side-label{display:none}.intro-grid,.selection-heading,.approach-heading{grid-template-columns:1fr;gap:23px}.intro-grid>p,.selection-heading>p,.approach-heading>p{max-width:530px}.service{grid-template-columns:24px 1fr 36px;gap:12px;padding:24px 0}.service-description{grid-column:2;grid-row:2}.service-name{grid-column:2;grid-row:1}.circle-arrow{grid-column:3;grid-row:1/3}.service-number{grid-column:1;grid-row:1}.service-description p{max-width:500px}.project-grid{gap:16px;grid-template-columns:1fr 1fr}.project:last-child{grid-column:1/-1;width:calc(50% - 8px)}.project-cover{height:280px;padding:32px 18px 0}.project-meta{display:block}.project-meta>span{display:block;margin-top:6px}.concept-note{font-size:8px}.steps{grid-template-columns:1fr 1fr;gap:30px}.steps h3{font-size:15px}.step-deliverable{margin-top:17px}.about{padding-top:10px}.about-grid{gap:35px}.portrait-placeholder{min-height:370px}.portrait-art{inset:40px 10px}.portrait-art>span{font-size:210px}.portrait-art>i{font-size:65px;right:0;top:65px}.portrait-corner{font-size:6px;left:20px}.portrait-caption{font-size:6px;left:20px}.photo-note{font-size:12px;left:20px}.about-copy h2{font-size:30px;margin:16px 0}.about-copy>p{font-size:12px}.about-copy .eyebrow{font-size:8px}.faq-grid{grid-template-columns:1fr;gap:27px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-copy h2{font-size:43px}.contact-signature{margin-top:25px}.brief-form{padding:30px}.contact-section{padding:65px 0}.footer-inner{flex-wrap:wrap;gap:25px}.footer-inner>span{margin-left:auto}.footer-inner>a:last-child{display:none}}
@media(max-width:480px){.container{width:calc(100% - 40px)}.header{height:74px}.nav{gap:10px}.brand{font-size:15px;gap:9px}.brand-caption{font-size:5px;letter-spacing:.7px}.brand-mark{font-size:35px;width:37px;letter-spacing:-6px}.brand-mark>span{font-size:17px;right:-3px}.nav-cta{font-size:0;gap:0;padding:9px 12px;border-radius:4px}.nav-cta>span{font-size:18px}.hero-grid{padding-top:35px;padding-bottom:32px;gap:25px}.eyebrow{font-size:8px;letter-spacing:1.4px}.hero h1{font-size:47px;letter-spacing:-2.2px;margin:20px 0}.hero-copy>p{font-size:13px;line-height:1.85}.hero-actions{gap:18px;flex-wrap:wrap}.hero-actions .button{font-size:11px;padding:15px 17px;gap:17px}.hero-actions .text-link{font-size:10px;gap:8px}.hero-note{font-size:9px}.hero-visual{height:355px;width:100%;margin-top:6px}.visual-backdrop{left:35px;right:-9px;bottom:12px}.backdrop-word{font-size:46px;letter-spacing:-2px;right:10px}.backdrop-coordinate{font-size:5px;right:9px}.hero-browser{top:61px;left:0;width:100%;border-width:4px}.browser-bar{height:20px;font-size:5px}.forma-nav{height:29px;padding:0 15px;font-size:4px}.forma-nav strong{font-size:10px}.forma-title{padding:10px 15px 6px}.forma-title>span{font-size:3.5px;letter-spacing:.7px}.forma-title h2{font-size:28px;letter-spacing:-.8px;margin:5px 0}.forma-title a{font-size:3px;right:15px;bottom:12px;letter-spacing:.6px}.forma-photo{height:95px}.forma-footer{font-size:3.8px;padding:7px 15px}.mobile-mock{top:178px;left:-2px;width:88px;height:171px;border-width:4px;border-radius:15px}.phone-island{left:28px;width:24px;height:5px}.phone-header{height:22px;font-size:7px;padding:0 7px 3px}.phone-image{height:57px}.phone-content{padding:8px}.phone-content>span{font-size:2.5px}.phone-content strong{font-size:16px;margin:4px 0 6px}.phone-content b{font-size:3px;padding:3px 6px}.visual-sticker{font-size:7px;padding:10px 11px;gap:9px;right:-4px;bottom:-3px}.sticker-icon{width:25px;height:25px;font-size:18px}.visual-footnote{font-size:4px;bottom:25px;left:103px;letter-spacing:.8px}.hero-bottom{font-size:5px;letter-spacing:.8px;gap:8px}.hero-bottom>a{font-size:6px;white-space:nowrap}.principles>.container{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;font-size:10px;text-align:center}.principles i{display:none}.section{padding:52px 0}.section h2{font-size:29px;letter-spacing:-1.2px}.intro-grid>p,.selection-heading>p,.approach-heading>p{font-size:12px}.service-list{margin-top:30px}.service-name{gap:10px}.service-name h3{font-size:15px}.service-description p{font-size:11px}.tags span{font-size:7px}.circle-arrow{height:33px;width:33px;font-size:18px}.project-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.project:last-child{grid-column:auto;width:100%}.project-cover{height:320px;padding:32px 30px 0}.mini-title{font-size:35px}.mini-site img{height:160px}.essence-word{font-size:48px}.essence-site{height:350px}.essence-site img{height:290px}.essence-bottom{bottom:38px}.nova-site{min-height:350px}.nova-title{font-size:31px}.nova-site>p{font-size:7px}.nova-img img{height:140px}.project-meta{display:flex}.project-meta>span{font-size:7px}.concept-note{font-size:9px;line-height:1.8}.steps{gap:26px 20px;margin-top:30px}.step-number{font-size:27px}.steps h3{font-size:13px;line-height:1.5;min-height:39px;margin:16px 0 8px}.steps p{font-size:11px}.step-deliverable{font-size:6px;letter-spacing:.4px}.about{padding-top:5px}.about-grid{grid-template-columns:1fr;gap:30px}.portrait-placeholder{min-height:360px}.portrait-art{inset:40px 25px}.portrait-art>span{font-size:245px}.portrait-art>i{right:15px;top:35px;font-size:90px}.portrait-corner,.portrait-caption{font-size:7px;left:25px}.photo-note{left:25px}.about-copy h2{font-size:35px}.about-copy>p{font-size:12px}.faq h2{font-size:28px}.faq-list summary{font-size:11px;padding:19px 0}.faq-list details p{font-size:11px}.contact-section{padding:52px 0}.contact-copy h2{font-size:35px;letter-spacing:-1.5px}.contact-copy>p{font-size:12px}.brief-form{padding:24px 20px}.brief-form h3{font-size:19px}.form-row{grid-template-columns:1fr;gap:0}.field{margin-bottom:14px}input,select,textarea{font-size:16px;padding:10px;min-height:44px}.field label{font-size:10px}.form-note{font-size:8px}.footer-inner{justify-content:center;text-align:center;gap:20px}.footer-inner>span{width:100%;margin:0}.footer-brand .brand-caption{font-size:6px}.project-dialog[open]{display:block}.dialog-image{height:190px;min-height:0}.dialog-content{padding:25px}.dialog-content h2{font-size:28px}.dialog-content .button{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(max-width:360px){.hero h1{font-size:39px;letter-spacing:-1.9px}.hero-actions{gap:18px 12px}.hero-actions .button{font-size:10px;padding:14px}.hero-actions .text-link{font-size:9px}.hero-bottom{flex-wrap:wrap;gap:8px}.section h2{font-size:27px}.contact-copy h2{font-size:31px}.project-cover{padding-left:20px;padding-right:20px}.mini-title{font-size:29px}.service-name h3{font-size:13px}}

/* Portfolio de références */
.references-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 30px;margin-top:40px}.reference-card{display:block;min-width:0}.reference-stage{position:relative;padding:30px 26px 48px;border-radius:8px;background:#e1e7df;overflow:hidden}.ref-lina .reference-stage{background:#eae4db}.ref-northlight .reference-stage{background:#dce4e5}.ref-living .reference-stage{background:#e6e7dd}.reference-window{border:4px solid white;border-radius:6px;overflow:hidden;box-shadow:0 12px 27px #173f2e1c;transition:transform .3s}.reference-card:hover .reference-window{transform:translateY(-4px)}.ref-screen{position:relative;aspect-ratio:1.62;background:#263a31;overflow:hidden}.ref-screen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.ref-screen::after{content:'';position:absolute;inset:0;background:linear-gradient(#0005,transparent 40%,#0006);pointer-events:none}.ref-nav{position:absolute;left:17px;right:17px;top:15px;color:white;display:flex;justify-content:space-between;align-items:start;z-index:1}.ref-nav strong{font:600 13px/1.1 var(--display);letter-spacing:1.5px}.ref-nav small{display:block;font-size:5px;letter-spacing:.7px;margin-top:5px}.ref-nav>span{font-size:16px;line-height:1}.ref-project-title{position:absolute;left:17px;right:17px;bottom:16px;color:white;z-index:1;border-top:1px solid #ffffff80;padding-top:8px;font:500 20px/1.2 var(--display);letter-spacing:-.5px;display:flex;justify-content:space-between;align-items:center}.ref-project-title>span{font-size:22px}.ref-lina .ref-nav strong{font-family:Georgia,serif;font-size:15px;font-weight:400;letter-spacing:-.4px}.ref-northlight .ref-nav strong{font-size:12px;letter-spacing:2px}.ref-northlight .ref-project-title{font-size:12px;letter-spacing:1.5px}.ref-living .ref-nav{background:#ffffffeb;color:#263e31;top:0;left:0;right:0;padding:13px 16px}.ref-living .ref-nav strong{font-size:11px;letter-spacing:.5px}.ref-living .ref-screen>img{object-position:center}.reference-visit{position:absolute;right:27px;bottom:13px;font-size:9px;font-weight:600;color:#4b6b59;display:flex;gap:20px;align-items:center}.reference-visit>span{font-size:18px}.reference-meta{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-top:17px}.reference-meta h3{font:650 17px/1.4 var(--display);letter-spacing:-.5px;margin:0 0 4px}.reference-meta p{font-size:10px;color:var(--muted);margin:0}.reference-label{font-size:7px;letter-spacing:.8px;margin-top:4px;padding:4px 7px;background:#eaf0e3;color:#587051;border-radius:3px;white-space:nowrap}.reference-label.is-demo{background:#eeebe3;color:#837763}.reference-note{font-size:10px;color:var(--muted);margin:27px 0 0}.reference-note>span{font-size:15px;margin-right:7px;color:var(--teal)}.reference-hero{display:block}.reference-hero .ref-screen{aspect-ratio:1.62}.reference-hero .ref-nav strong{font-size:16px}.reference-hero .ref-nav small{font-size:5px}.reference-hero .ref-project-title{font-size:24px}.reference-phone .phone-image{background-image:url('assets/reference-studio-sd.webp');background-position:center}.reference-phone .phone-header{font-family:var(--display);font-size:6px;font-weight:700}.reference-phone{background:#f3f1ea}.reference-phone .phone-content strong{font-size:20px}
@media(max-width:1100px){.reference-stage{padding:23px 19px 43px}.reference-meta h3{font-size:15px}.reference-label{font-size:6px}.reference-hero .ref-project-title{font-size:21px}.reference-phone .phone-content strong{font-size:18px}}
@media(max-width:800px){.references-grid{gap:30px 20px}.reference-stage{padding:18px 14px 40px}.reference-meta{display:block}.reference-label{display:inline-block;margin-top:10px}.ref-nav{top:10px;left:11px;right:11px}.ref-nav strong{font-size:10px}.ref-nav small{font-size:4px}.ref-lina .ref-nav strong{font-size:12px}.ref-northlight .ref-nav strong{font-size:8px}.ref-project-title{font-size:15px;left:11px;right:11px;bottom:11px}.ref-northlight .ref-project-title{font-size:8px;letter-spacing:.6px}.ref-living .ref-nav{padding:10px}.ref-living .ref-nav strong{font-size:8px}.reference-visit{font-size:8px;right:18px}.reference-hero .ref-nav strong{font-size:15px}.reference-hero .ref-nav small{font-size:5px}.reference-hero .ref-project-title{font-size:23px}.reference-phone .phone-content strong{font-size:20px}}
@media(max-width:480px){.references-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}.reference-stage{padding:22px 20px 42px}.reference-meta{display:flex;gap:8px}.reference-meta h3{font-size:15px}.reference-meta p{font-size:9px}.reference-label{margin-top:4px;font-size:5px;padding:4px 5px}.ref-nav strong{font-size:11px}.ref-lina .ref-nav strong{font-size:13px}.ref-northlight .ref-nav strong{font-size:9px}.ref-living .ref-nav strong{font-size:9px}.ref-project-title{font-size:18px}.ref-northlight .ref-project-title{font-size:9px}.reference-note{font-size:9px}.reference-hero .ref-nav strong{font-size:11px}.reference-hero .ref-nav small{font-size:3.5px}.reference-hero .ref-nav{left:12px;right:12px;top:11px}.reference-hero .ref-project-title{font-size:17px;left:12px;right:12px;bottom:12px}.reference-phone .phone-header{font-size:5px}.reference-phone .phone-content strong{font-size:15px}}
/* Lisibilité des contenus et des contrôles */
.brand .brand-caption{font-size:clamp(12px,1.2vw,15px);font-weight:700;line-height:1.35;letter-spacing:.6px;margin-top:4px}
.portrait-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%}
.has-portrait::after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#162e2abf);pointer-events:none}
.has-portrait .portrait-corner{z-index:1;color:#34463b}
.has-portrait .portrait-caption{z-index:1;color:#fff;font-weight:600}
:root{--muted:#596b62}
body{font-size:17px}
.desktop-nav{font-size:15px;gap:25px}
.brand-caption{font-size:10px;letter-spacing:1px;color:#596b62}
.button,.button-small,.hero-actions .button,.form-submit{font-size:16px}
.hero-actions{flex-wrap:wrap;gap:20px 24px}
.text-link,.hero-actions .text-link{font-size:15px}
.hero-copy>p{font-size:19px;line-height:1.75;color:#596b62;max-width:470px}
.hero-note{font-size:14px;line-height:1.7;color:#66776c}
.eyebrow,.contact-section .eyebrow,.about-copy .eyebrow{font-size:12px;letter-spacing:1.25px}
.side-label{font-size:11px;color:#64776a;letter-spacing:1px}
.section-top{gap:20px;flex-wrap:wrap}
.hero-bottom,.hero-bottom>a{font-size:12px;letter-spacing:.6px;color:#5e7164}
.hero-bottom{gap:20px;flex-wrap:wrap}
.principles>.container{font-size:16px;line-height:1.5}
.intro-grid>p,.selection-heading>p,.approach-heading>p,.about-copy>p,.faq-grid>div>p,.contact-copy>p{font-size:17px;line-height:1.8}
.service-description p{font-size:17px;line-height:1.75}
.service{padding-top:32px;padding-bottom:32px}
.service-number{font-size:13px;color:#657b6b}
.tags span{font-size:12px;padding:4px 9px;color:#526c59}
.steps p{font-size:16px;line-height:1.8}
.step-deliverable{font-size:12px;line-height:1.7;letter-spacing:.6px;color:#56704e}
.portrait-corner,.portrait-caption{font-size:12px;letter-spacing:.8px}
.photo-note{font-size:16px;bottom:59px}
.faq-list summary{font-size:17px;line-height:1.6;padding-top:25px;padding-bottom:25px}
.faq-list details p{font-size:16px;line-height:1.8}
.contact-copy>p{max-width:420px}
.contact-signature>span:last-child{font-size:14px;line-height:1.7;color:#d0e0d4}
.form-kicker{font-size:12px;letter-spacing:.8px;color:#60745b}
.field label{font-size:14px;margin-bottom:8px}
input,select,textarea{font-size:16px;line-height:1.5;padding:12px;min-height:48px}
input::placeholder,textarea::placeholder{color:#6d7e69;opacity:1}
textarea{min-height:120px}
.field{margin-bottom:20px}
.form-note{font-size:13px;line-height:1.7;color:#5e7058}
.form-result{font-size:16px}.form-result p{font-size:15px}
.footer-inner>span,.footer-inner>a:last-child{font-size:13px;color:#5b7057}
.footer-brand .brand-caption{font-size:10px;letter-spacing:.6px}
.reference-meta p{font-size:15px;line-height:1.6}
.reference-meta{flex-wrap:wrap;gap:12px}
.reference-label{font-size:11px;line-height:1.5;letter-spacing:.5px;white-space:normal;padding:5px 8px}
.reference-visit{font-size:14px;bottom:12px;gap:14px}
.reference-stage{padding-bottom:52px}
.reference-note{font-size:14px;line-height:1.7}
.visual-sticker{font-size:13px;line-height:1.6}
.visual-footnote{font-size:9px;letter-spacing:.8px;color:#60725f;left:110px;bottom:-20px}
@media(min-width:801px) and (max-width:1100px){.desktop-nav{font-size:14px;gap:16px}.button-small{font-size:14px;padding:13px 16px;gap:15px}.brand-caption{font-size:9px}.nav{gap:18px}.principles>.container{font-size:14px;gap:12px}}
@media(max-width:950px){.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:36px;height:36px;padding:7px;background:none;border:0}.menu-toggle span{height:1px;width:22px;background:var(--ink)}.nav-cta{margin-left:auto}}
@media(max-width:800px){.button,.button-small,.hero-actions .button,.form-submit{font-size:16px}.text-link,.hero-actions .text-link{font-size:15px}.hero-copy>p{font-size:18px}.brand-caption{font-size:9px;letter-spacing:.6px}.hero-bottom,.hero-bottom>a{font-size:11px}.principles>.container{flex-wrap:wrap;justify-content:center;font-size:15px;gap:14px 20px}.principles i{display:none}.intro-grid>p,.selection-heading>p,.approach-heading>p,.about-copy>p,.faq-grid>div>p,.contact-copy>p{font-size:17px}.reference-meta{display:flex}.reference-label{margin-top:2px}.visual-sticker{font-size:12px}.visual-footnote{font-size:8px;bottom:-16px;left:110px}.form-row{grid-template-columns:1fr}.footer-inner{flex-wrap:wrap}.footer-inner>span{margin:0}}
@media(max-width:600px){.steps{grid-template-columns:1fr;gap:32px}.steps h3{min-height:0}.step-deliverable{margin-top:14px}.step-number{padding-bottom:12px}.steps p{font-size:16px}}
@media(max-width:480px){.brand-caption{font-size:8px;letter-spacing:.15px}.nav-cta{font-size:0;padding:10px 12px}.nav-cta>span{font-size:20px}.brand{gap:9px}.hero-actions{gap:20px;align-items:flex-start;flex-direction:column}.hero-actions .button{font-size:16px;padding:16px 19px}.hero-actions .text-link{font-size:15px}.hero-copy>p{font-size:17px;line-height:1.8}.hero-note{font-size:13px;padding-left:30px}.eyebrow,.contact-section .eyebrow,.about-copy .eyebrow{font-size:11px;letter-spacing:.8px}.hero-bottom,.hero-bottom>a{font-size:11px;white-space:normal;line-height:1.6}.hero-bottom{gap:10px;letter-spacing:.3px}.principles>.container{font-size:14px;line-height:1.5;gap:14px}.intro-grid>p,.selection-heading>p,.approach-heading>p,.about-copy>p,.faq-grid>div>p,.contact-copy>p{font-size:16px;line-height:1.8}.service-description p{font-size:16px;line-height:1.8}.service-number{font-size:12px}.tags span{font-size:12px}.reference-meta{display:block}.reference-meta p{font-size:15px}.reference-label{display:inline-block;font-size:11px;margin-top:10px}.reference-note{font-size:13px}.reference-visit{font-size:14px}.reference-stage{padding-bottom:50px}.faq-list summary{font-size:16px;padding:21px 0}.faq-list details p{font-size:16px}.portrait-corner,.portrait-caption{font-size:11px;letter-spacing:.4px}.photo-note{font-size:16px;bottom:59px}.visual-sticker{font-size:11px;padding:12px;max-width:230px;bottom:-24px}.hero-visual{margin-bottom:25px}.visual-footnote{display:none}.contact-signature>span:last-child{font-size:13px}.brief-form{padding:26px 20px}.field label{font-size:14px}.form-kicker{font-size:11px}.form-note{font-size:13px}.form-submit{font-size:16px}.footer-brand .brand-caption{font-size:9px}.footer-inner>span{font-size:12px}.footer-inner{gap:22px}}